如何在AngularJS中重复元素？

Question

我知道我可以使用ng-repeat遍历集合。我如何遍历一个范围。例如，像：

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

Answer 1

有在Javascript中没有范围（）函数，但是你可以创建一个返回值的数组适合自己需要的功能，或使用JS库需要的效果。我会用underscore.js，很干脆：

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

当然，你能在你的角度应用使用下划线（在指令，并且这样的），你需要把它列入你的范围。在你的项目中包含underscore.js，并在你的主控制器中执行$rootScope._ = _

这样，任何角度控制器或指令都能识别$ scope._（引用下划线库），上面的代码片段就可以工作！ （如果你所需要的只是创建任意范围，你可以自己制作范围函数 - 通过'make'我的意思是复制任何可用的例子。Here's one）

Answer 2

下划线似乎是最表情丰富，但你可能想看看这个答案：AngularJS ng-options create range

它使用的过滤器来创建阵列。这里是我的版本

var App = angular.module('app', []); 
App.filter('range', function() { 
    return function(arr, lower, upper) { 
    for (var i = lower; i <= upper; i++){ 
     arr.push(i); 
    } 
    return arr; 
    }; 
});​ 

，你会使用这样的：

<li ng-repeat="n in [] | range:5:10"> {{n}} </li> 

而且的jsfiddle http://jsfiddle.net/jaimem/hKvNc/4/

PD：如果你喜欢parseInt到字符串转换为整数，不要忘记通过radix 。在解析min和max时，我链接的答案缺失。