[Angularjs]ng-switch用法
2016-04-25 16:12
525 查看
用法描述
ng-switch根据表达式的值显示或这隐藏对应部分。类似c#或者其他预览里面的switch用法。可以慢慢体会。说道ng-switch就要说到子元素该怎么根据当前值进行变化。子元素可以通过:ng-switch-when指令,ng-switch-default指令来设置满足条件时,该子元素是隐藏或者显示。其实也很容易理解,当什么时,或者默认值。下面看一个例子。
例子
<select ng-model="myselect"> <option value="one">选择一</option> <option value="two">选择二</option> <option value="three">选择三</option> </select> <div ng-switch="myselect"> <div ng-switch-when="one"> <h1>one</h1> <p>你选择了one</p> </div> <div ng-switch-when="two"> <h1>two</h1> <p>你选择了two</p> </div> <div ng-switch-when="three"> <h1>three</h1> <p>你选择了three</p> </div> </div>
结果
相关文章推荐
- angularjs file upload插件使用总结
- angular 自定义filter
- angular自定义指令(中)
- angularJs学习资料
- angularJS实现textarea记录只能输入规定数量的字符并显示
- Angularjs中UI Router全攻略
- angularjs 上拉加载,下拉刷新数据功能
- angular api
- 清除angular模板缓存
- Angular构建简单应用的步骤分解
- [Angular 2] Get start with Firebase
- AngularJS 世界------Angularjs指令的使用方式和自定义指令
- AngularJS 世界------AngularJS 指令手册
- angular translate入门示例
- angular 过滤排序
- Angularjs基础(八)
- angular 指令@、=、&的用法和区别
- AngularJs
- angular购物车
- ionic+angularjs+cordova混合开发学习之路(前言)