在angularjs的应用中,最多的莫过于遍历数组了。但是在实际的应用过程中往往也是遍历数组出的问题最多。下面我将给大家分享一下angularjs如何遍历数组
工具/原料
Visual Studio 2017
方法/步骤
1
首先我们在准备好的html文档中导入库文件,并且准备好控制器内容,如下图所示
2
然后我们调用angularjs的ng-repeat命令进行数组的遍历,如下图所示
3
接下来我们准备两个样式,用于在遍历的时候隔行变色,如下图所示
4
通过调用ng-repeat中的属性even和odd来进行判断奇偶行,然后运用不同的颜色
5
接下来还要给大家提一个指令就是$index指令,因为他经常用来做行号,如下图所示
6
最后在给大家提一个属性就是$first,即如果是数组的第一个元素就返回真。通常可以用来给第一行做一些特殊效果
7
综上所述,angularjs遍历数组我们运用ng-repeat指令。尤其要注意的是里面的一些属性,比如$index,$first,$last,$even,$odd
上一篇:酵素原液怎么喝更健康
下一篇:js数组添加元素的方法