Angularjs ng-Switchコマンド
選択した値に従って対応する部分を表示します。
<!doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"> </script> </head> value = "runooob"> www.runoob.com <option value = "google"> www.google.com <オプション値= "taobao"> www.taobao.com </sequire> <hr> <div-switch = "myvar"> <div ng-switch-when = "runooob"> <h1 <pp> <pp> <pp> <pp>チュートリアル</p> </div> <div ng-switch-when = "google"> <h1> google </h1> <p> googleへようこそ</p> </div> <div ng-switch-when = "taobao"> <h1> taobao </h1>> <p>ウェルカムへようこそ<h1> switch </h1> <p>さまざまなオプションを選択して、対応する値を表示します。 </p> </div> </div> <hr> <p> ng-switchディレクティブは、現在の値に基づいて対応する部分を表示または隠します。 </p> </body> </html>
定義と使用法
ng-switchディレクティブは、式に従って対応する部分を表示または隠します。
対応する子要素は、指令の場合はNGスイッチを使用します。一致が選択されている場合は、ディスプレイを選択すると、その他が削除されます。
NG-Switch-Defaultディレクティブを使用して、デフォルトオプションを設定できます。それらのいずれかが一致しない場合、デフォルトのオプションが表示されます。
文法
<要素ng-switch = "expression"> <element ng-switch-when = "value"> </element> <element ng-switch-when = "value"> </element> <element ng-switch-when = "value"> </element> <要素ng-switch-default> </element> </element> </element> <
<form>要素はこのプロパティをサポートします。
パラメーター値
| 価値 | 説明する |
|---|---|
| 表現 | 式により一致が表示され、不一致が削除されます。 |
上記は、Angularjs Ng-Switchコマンドの詳細な紹介です。後で追加し続けます。このサイトへのご支援ありがとうございます!