Angular确实在HTML指令中提供了一些使用数字的for循环的支持:
<div data-ng-repeat="i in [1,2,3,4,5]">
do something
</div>
但是，如果作用域变量包含一个具有动态数字的范围，那么每次都需要创建一个空数组。
在控制器中
var range = [];
for(var i=0;i<total;i++) {
range.push(i);
}
$scope.range = range;
在HTML中
<div data-ng-repeat="i in range">
do something
</div>
这是可行的，但这是不必要的，因为我们在循环中根本不会使用范围数组。有人知道设置最小/最大值的范围或规则吗?
喜欢的东西:
<div data-ng-repeat="i in 1 .. 100">
do something
</div>
当前回答
我尝试了以下方法，对我来说效果不错:
<md-radio-button ng-repeat="position in formInput.arrayOfChoices.slice(0,6)" value="{{position}}">{{position}}</md-radio-button>
角1.3.6
其他回答
我做了这个，觉得它可能对一些人有用。(是的,CoffeeScript。起诉我。)
指令
app.directive 'times', ->
link: (scope, element, attrs) ->
repeater = element.html()
scope.$watch attrs.times, (value) ->
element.html ''
return unless value?
element.html Array(value + 1).join(repeater)
使用方法:
HTML
<div times="customer.conversations_count">
<i class="icon-picture></i>
</div>
还能再简单一点吗?
我对过滤器很谨慎，因为Angular总是喜欢毫无理由地重新评估它们，如果你像我这样有成千上万个过滤器，这将是一个巨大的瓶颈。
这个指令甚至会监视模型中的变化，并相应地更新元素。
不需要在你的控制器中做任何改变，你可以这样使用:
ng-repeat="_ in ((_ = []) && (_.length=51) && _) track by $index"
享受吧!
迟到了。但我最后还是这样做了:
在你的控制器中:
$scope.repeater = function (range) {
var arr = [];
for (var i = 0; i < range; i++) {
arr.push(i);
}
return arr;
}
Html:
<select ng-model="myRange">
<option>3</option>
<option>5</option>
</select>
<div ng-repeat="i in repeater(myRange)"></div>
我稍微调整了一下这个答案，然后想出了这个小提琴。
过滤器定义为:
var myApp = angular.module('myApp', []);
myApp.filter('range', function() {
return function(input, total) {
total = parseInt(total);
for (var i=0; i<total; i++) {
input.push(i);
}
return input;
};
});
像这样重复使用:
<div ng-repeat="n in [] | range:100">
do something
</div>
对于那些刚接触angularjs的人。 可以使用$index获取索引。
例如:
<div ng-repeat="n in [] | range:10">
do something number {{$index}}
</div>
这将，当你使用Gloopy的方便滤镜，打印: 做一些0的事情 做第一件事 做第二件事 做第三件事 做第4件事 做第5件事 做第6件事 做第7件事 做第8件事 做第九件事
