Angularjs使用ng-repeat中$even和$odd属性的注意事项

前言

JavaScript中数组的索引是从0开始的，因此我们再取奇偶的时候需要用!$even和!$odd来将$even和$odd的布尔值反转

下面给出一个实例：

使用$odd和$even来制作一个红蓝相间的列表

ng-repeat的用法 .odd { background-color: blue; } .even { background-color: red; }

ng-repeat用来遍历一个集合或为集合中的每个元素生成一个模板实例。集合中的每个元素 都会被赋予自己的模板和作用域。同时每个模板实例的作用域中都会暴露一些特殊的属性。

• $index：遍历的进度（0...length-1）。
• $first：当元素是遍历的第一个时值为true。
• $middle：当元素处于第一个和后元素之间时值为true。
• $last：当元素是遍历的后一个时值为true。
• $even：当$index值是偶数时值为true。
• $odd：当$index值是奇数时值为true。

下面的例子展示了如何用$odd和$even来制作一个红蓝相间的列表。记住，JavaScript中数组 的索引从0开始，因此我们用!$even和!$odd来将$even和$odd的布尔值反转。

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。