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

前端之家收集整理的这篇文章主要介绍了Angularjs使用ng-repeat中$even和$odd属性的注意事项前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前言

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

下面给出一个实例:

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

<Meta charset="utf-8"> ng-repeat的<a href="/tag/yongfa/" target="_blank" class="keywords">用法</a> .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的布尔值反转。

总结

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

猜你在找的JavaScript相关文章