例
顯示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如果它獲得匹配的，否則element指令將顯示，和它的孩子們將被刪除。
您還可以定義一個默認的部分，通過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. |