例
それが特定の値に一致した場合にのみ、HTMLのセクションを表示します：
<div ng-switch="myVar">
<div ng-switch-when="dogs">
<h1>Dogs</h1>
<p>Welcome to a world of dogs.</p>
</div>
<div ng-switch-when="tuts">
<h1>Tutorials</h1>
<p>Learn from examples.</p>
</div>
<div ng-switch-when="cars">
<h1>Cars</h1>
<p>Read about cars.</p>
</div>
<div ng-switch-default>
<h1>Switch</h1>
<p>Select topic from the dropdown, to switch the content of this DIV.</p>
</div>
</div>
»それを自分で試してみてください 定義と使用法
ng-switch指令では、表現に応じて/ショーのHTML要素を非表示にすることができます。
子要素ng-switch-whenそれは試合を取得する場合ディレクティブはそれ以外の要素、表示され、それは子供たちが削除されます。
また、使用することによって、デフォルトのセクションを定義することができますng-switch-default他のセクションの非一致を取得する場合のセクションを表示するには、ディレクティブを。
構文
< element ng-switch=" expression ">
< element ng-switch-when=" value "></ element >
< element ng-switch-when=" value "></ element >
< element ng-switch-when=" value "></ element >
< element ng-switch-default></ element >
</ element >すべてのHTML要素によってサポートされています。
パラメーター値
| Value | Description |
|---|---|
| expression | An expression that will remove elements with no match, and display elements with a match. |