您当前的位置:首页 > 网站建设 > javascript
| php | asp | css | H5 | javascript | Mysql | Dreamweaver | Delphi | 网站维护 | 帝国cms | React | 考试系统 | ajax | jQuery |

AngularJS ng-switch 指令

51自学网 2023-01-16 20:24:27
  javascript

根据选中的值显示对应部分:

<div ng-switch="myVar">  <div ng-switch-when="codercto">     <h1>码农教程</h1>     <p>欢迎访问码农教程</p>  </div>  <div ng-switch-when="google">     <h1>Google</h1>     <p>欢迎访问Google</p>  </div>  <div ng-switch-when="taobao">     <h1>淘宝</h1>     <p>欢迎访问淘宝</p>  </div>  <div ng-switch-default>     <h1>切换</h1>     <p>选择不同选项显示对应的值。</p>  </div></div>

定义和用法

ng-switch 指令根据表达式显示或隐藏对应的部分。

对应的子元素使用 ng-switch-when 指令,如果匹配选中选择显示,其他为匹配的则移除。

你可以通过使用 ng-switch-default 指令设置默认选项,如果都没有匹配的情况,默认选项会显示。

语法

<element ng-switch="expression">

下载地址:
AngularJS ng-submit 指令
AngularJS ng-value 指令
51自学网,即我要自学网,自学EXCEL、自学PS、自学CAD、自学C语言、自学css3实例,是一个通过网络自主学习工作技能的自学平台,网友喜欢的软件自学网站。
京ICP备13026421号-1