如何在AngularJS中重复元素？

Question

我知道我可以ng-repeat用来迭代集合.如何迭代范围.例如,类似于:

<div class='aoeu' ng-repeat='count in range(1,5)'>
  <div id='{{count}}'></div>
</div>

Answer 1

Javascript中没有range()函数,但是您可以创建一个函数来返回适合您需要的值数组,或者使用JS库来实现该效果.我会非常简单地使用underscore.js:

<div class='aoeu' ng-repeat='count in _.range(1,5)'>
  <div id='{{count}}'></div>
</div>

当然,为了能够在角度应用中使用下划线(在指令等中),您需要将它包含在示波器中.在项目中包含underscore.js,在主控制器中包含$rootScope._ = _

这样,角度中的任何控制器或指令都识别$ scope._(引用下划线库),上面的代码片段将起作用!(如果您需要的只是创建任意范围,您可以自己制作范围功能 - 并且通过'make'我的意思是复制任何可用的百万个示例中的任何一个.这是一个)