AngularJS ng-switch 指令
示例
显示一个 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 元素均支持。
参数值
| 值 | 描述 |
|---|---|
| expression | 一个表达式，它将删除不匹配的元素，并显示匹配的元素。 |
