多语言展示
当前在线:568今日阅读:100今日分享:18

如何使用AngularJS框架ng-switch指定设置判断

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的使用方法

推荐信息