angular的ng-repeat灵活用法

ng-repeat

不知道循环什么列表长度,但是又需要单独处理第一个和最后一个循环的时候,** $index可能就不管用啦,这时候可以用$first,$last** 返回的true/false判断是否是第一个或者最后一个。
还有$odd,$even分别表示奇数和偶数,但注意$index从0开始的,不是平常生活中的第一行第二行。这样可以灵活操作repeat的索引。

应用场景:
1.一个列表第一个和最后一个可能样式会不一样,比如列表中间有分割线的时候,最后一个列表的分割线就隐藏掉了。
2.一个列表隔一行一个样式的时候可以判断奇偶加上不同的样式。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 11,857评论 0 17
  • 概述 ng-class指令实现了把元素的class属性和数据模型绑定的功能。在进行样式动态控制时非常的有用。ng-...
    yb_剑笙阅读 4,123评论 0 0
  • 转载请声明 原文链接地址 关注公众号获取更多资讯 第一部分 HTML 第一章 职业规划和前景 职业方向规划定位...
    前端进阶之旅阅读 16,720评论 32 459
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,574评论 0 3
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,994评论 25 709

友情链接更多精彩内容