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>
当前回答
这是jzm改进后的答案(我不能评论，否则我会评论她/他的答案，因为她/他包含错误)。 函数有一个开始/结束范围值，所以它更灵活，而且……它的工作原理。这个特殊的例子是在一个月的某一天:
$scope.rangeCreator = function (minVal, maxVal) {
var arr = [];
for (var i = minVal; i <= maxVal; i++) {
arr.push(i);
}
return arr;
};
<div class="col-sm-1">
<select ng-model="monthDays">
<option ng-repeat="day in rangeCreator(1,31)">{{day}}</option>
</select>
</div>
其他回答
嗨，你可以使用AngularJS实现纯html(不需要指令!)
<div ng-app="myapp" ng-controller="YourCtrl" ng-init="x=[5];">
<div ng-if="i>0" ng-repeat="i in x">
<!-- this content will repeat for 5 times. -->
<table class="table table-striped">
<tr ng-repeat="person in people">
<td>{{ person.first + ' ' + person.last }}</td>
</tr>
</table>
<p ng-init="x.push(i-1)"></p>
</div>
</div>
一种简单的方法是使用Underscore.js的_.range()方法。：）
http://underscorejs.org/#range
// declare in your controller or wrap _.range in a function that returns a dynamic range.
var range = _.range(1, 11);
// val will be each number in the array not the index.
<div ng-repeat='val in range'>
{{ $index }}: {{ val }}
</div>
这是jzm改进后的答案(我不能评论，否则我会评论她/他的答案，因为她/他包含错误)。 函数有一个开始/结束范围值，所以它更灵活，而且……它的工作原理。这个特殊的例子是在一个月的某一天:
$scope.rangeCreator = function (minVal, maxVal) {
var arr = [];
for (var i = minVal; i <= maxVal; i++) {
arr.push(i);
}
return arr;
};
<div class="col-sm-1">
<select ng-model="monthDays">
<option ng-repeat="day in rangeCreator(1,31)">{{day}}</option>
</select>
</div>
我做了这个，觉得它可能对一些人有用。(是的,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总是喜欢毫无理由地重新评估它们，如果你像我这样有成千上万个过滤器，这将是一个巨大的瓶颈。
这个指令甚至会监视模型中的变化，并相应地更新元素。
很简单:
$scope.totalPages = new Array(10);
<div id="pagination">
<a ng-repeat="i in totalPages track by $index">
{{$index+1}}
</a>
</div>
