Latest web development tutorials

AngularJS ngのスイッチ命令

AngularJSリファレンスマニュアル AngularJSリファレンスマニュアル


表示の対応する部分の選択した値に応じて:

<div ng-switch="myVar">
  <div ng-switch-when="w3big">
     <h1>本教程</h1>
     <p>欢迎访问本教程</p>
  </div>
  <div ng-switch-when="google">
     <h1>Google</h1>
     <p>欢迎访问Google</p>
  </div>
  <div ng-switch-when="taobao">
     <h1>淘宝</h1>
     <p>欢迎访问淘宝</p>
  </div>
  <div ng-switch-default>
     <h1>切换</h1>
     <p>选择不同选项显示对应的值。</p>
  </div>
</div>

»をお試しください


定義と使用法

表示または対応する部分を式に基づいて非表示にするには、NG-switchコマンド。

試合の除去のためのサブ要素ngのスイッチ-ときの順序に対応する、選択した一致を表示することを選択した場合、他の。

あなたは状況が一致しない場合、デフォルトのオプションが表示され、NG-スイッチ-defaultコマンドを使用して、デフォルトのオプションを設定することができます。


文法

<要素NG-スイッチ= "表現 ">
<要素ngのスイッチ-時= "値"> </要素>
<要素ngのスイッチ-時= "値"> </要素>
<要素ngのスイッチ-時= "値"> </要素>
<要素ngのスイッチデフォルト> </要素>
</要素>

<form>要素は、プロパティをサポートしています。


パラメータ値

説明
表現 項目と一致しないディスプレイにマッチします式が削除されます。

AngularJSリファレンスマニュアル AngularJSリファレンスマニュアル