AngularJS框架包含了很多指令,有ng-app、ng-controller、ng-model、ng-if、ng-switch等等。其中,ng-switch指令是根据表达式进行显示或隐藏的,下面利用实例说明该指令的用法,操作如下:
工具/原料
1
angularjs
2
HBuilder
3
截图工具
4
浏览器
方法/步骤
2
第二步,在
绑定ng-app指令,绑定ng-controller指令,如下图所示:3
第三步,再次插入一个表格,表格外层利用div元素包裹,div元素内嵌入ng-switch指令,如下图所示:
4
第四步,利用数据源绑定表格数据,使用到ng-repeat指令,如下图所示:
5
第五步,编写AngularJS控制器、模型和视图数据源,如下图所示:
6
第六步,编写完毕后,预览该静态页面,并点击单选按钮查看效果,如下图所示:
注意事项
1
注意AngularJS框架ng-switch指令的用法
2
注意AngularJS框架$index的使用方法
上一篇:switch怎么连接笔记本
下一篇:switch大气层金手指使用教程