AngularJS ng-switch 指令
示例
仅当与某个值匹配时才显示 HTML 的一部分
<div ng-switch="myVar">
<div ng-switch-when="dogs">
<h1>狗狗</h1>
<p>欢迎来到狗狗的世界。</p>
</div>
<div ng-switch-when="tuts">
<h1>教程</h1>
<p>从示例中学习。</p>
</div>
<div ng-switch-when="cars">
<h1>汽车</h1>
<p>阅读有关汽车的信息。</p>
</div>
<div ng-switch-default>
<h1>切换</h1>
<p>从下拉列表中选择主题，以切换此 DIV 的内容。</p>
</div>
</div>
自己试一试 »
定义和用法
ng-switch 指令允许您根据表达式隐藏/显示 HTML 元素。
如果 ng-switch-when 指令的子元素获得匹配，则将显示该元素，否则将删除该元素及其子元素。
您还可以使用 ng-switch-default 指令定义一个默认部分，如果其他任何部分都没有获得匹配，则显示该部分。
语法
<元素 ng-switch="表达式">
<元素 ng-switch-when="值"></元素>
<元素 ng-switch-when="值"></元素>
<元素 ng-switch-when="值"></元素>
<元素 ng-switch-default></元素>
</元素>
所有 HTML 元素都支持。
参数值
| 值 | 描述 |
|---|---|
| 表达式 | 一个表达式，它将删除没有匹配的元素，并显示与之匹配的元素。 |
