是否有一种方法可以ng-repeat定义的次数，而不是总是要迭代一个数组?
例如，下面我希望列表项显示5次，假设为$scope。数字等于5，加上增加的数字，所以每个列表项都增加，如1,2,3,4,5
预期的结果:
<ul>
<li><span>1</span></li>
<li><span>2</span></li>
<li><span>3</span></li>
<li><span>4</span></li>
<li><span>5</span></li>
</ul>
当前回答
下面是一个如何做到这一点的例子。请注意，我的灵感来自ng-repeat文档中的一个注释:http://jsfiddle.net/digitalzebra/wnWY6/
注意ng-repeat指令:
<div ng-app>
<div ng-controller="TestCtrl">
<div ng-repeat="a in range(5) track by $index">{{$index + 1}}</div>
</div>
</div>
这是控制器:
function TestCtrl($scope) {
$scope.range = function(n) {
return new Array(n);
};
};
其他回答
在Ivan的第一个答案上展开一点，只要字符是唯一的，你可以使用一个字符串作为集合，而不使用track by语句，所以如果用例少于10个数字(就像在问题中那样)，我将简单地这样做:
<ul>
<li ng-repeat="n in '12345'"><span>{{n}}</span></li>
</ul>
当然，这有点古怪，但看起来足够简单，也不是特别令人困惑。
有很多方法可以做到这一点。我真的很困扰在我的控制器中有逻辑，所以我创建了一个简单的指令来解决重复一个元素n次的问题。
安装:
该指令可以使用安装器install angular-repeat-n安装
例子:
<span ng-repeat-n="4">{{$index}}</span
生产:1234
它也可以使用范围变量:
<span ng-repeat-n="repeatNum"></span>
来源:
Github
如果n不是太高，另一种选择是使用split(")对n个字符的字符串:
<div ng-controller="MainCtrl">
<div ng-repeat="a in 'abcdefgh'.split('')">{{$index}}</div>
</div>
我也遇到过同样的问题，这就是我得出的结论:
(function () {
angular
.module('app')
.directive('repeatTimes', repeatTimes);
function repeatTimes ($window, $compile) {
return { link: link };
function link (scope, element, attrs) {
var times = scope.$eval(attrs.repeatTimes),
template = element.clone().removeAttr('repeat-times');
$window._(times).times(function (i) {
var _scope = angular.extend(scope.$new(), { '$index': i });
var html = $compile(template.clone())(_scope);
html.insertBefore(element);
});
element.remove();
}
}
})();
．.． 和html:
<div repeat-times="4">{{ $index }}</div>
生活的例子
我使用了下划线的时间函数，因为我们已经在项目中使用它，但你可以很容易地用本地代码替换它。
由于遍历字符串，它将为每个字符呈现一个项:
<li ng-repeat = "k in 'aaaa' track by $index">
{{$index}} //THIS DOESN'T ANSWER OP'S QUESTION. Read below.
</li>
我们可以使用数字|小数点后n位本机过滤器来使用这个丑陋但没有代码的解决方案。
<li ng-repeat="k in (0|number:mynumber -2 ) track by $index">
{{$index}}
</li>
这样我们就有了mynumber元素，而不需要额外的代码。说‘0.000’。 我们用mynumber - 2来补偿0。 对于低于3的数字，它将不起作用，但在某些情况下可能有用。
