当前位置:  开发笔记 > 编程语言 > 正文

如何将ng-repeat分成批次

如何解决《如何将ng-repeat分成批次》经验,为你挑选了1个好方法。

我正在http://getbootstrap.com/javascript/#buttons-examples上执行此ref:checkbox示例

现在问题是这种类型数组有时候少于5个项目.当按钮组有超过5个项目时,它会以丑陋的方式分割到下一行.

我怎么能做这样的事情

ng-repeat on 0-4 of array - create a button group for these 5 items
ng-repeat on 5-9 of array (if array length is >5) ...
ng-repeat on 10-14 of array (if array length is >10) ...
...

注意:更好的是查看已使用了多少个字符.每种类型都有不同的名称,有些长一些,所以有时候一个很长的名字可能会占用面板的所有宽度.



1> cheekybastar..:

随着ng-repeat使用两种limitTo过滤器,正和负值.

http://docs.angularjs.org/api/ng/filter/limitTo

下面是演示http://plnkr.co/edit/8LXXnH?p=preview

更新示例:

  • {{item}}
  • {{item}}
  • 第一个ng-repeat将返回0到4的数组,第二个ng-repeat将返回5到9.

    推荐阅读
    依然-狠幸福
    这个屌丝很懒,什么也没留下!
    DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
    Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有