如何在 AngularJS 中实现固定长度的 ng-repeat？

固定长度 ng-repeat 的替代方法

在 AngularJS 中，ng-repeat 通常在数组上运行。但是，在某些情况下，您需要重复元素固定次数。这里有两种可能的方法：

选项 1：使用自定义函数

如果您使用的是旧版本的 AngularJS（1.3.0 之前），您可以定义一个返回所需长度数组的函数：

<code class="html"><li ng-repeat="i in getNumber(number)">
    <span>{{ $index+1 }}</span>
</li></code>

<code class="javascript">$scope.getNumber = function(num) {
    return new Array(num);   
}</code>

选项 2：使用构造函数属性（AngularJS 1.3.0 及更高版本）

对于较新版本的 AngularJS，您可以利用 Array.constructor 属性，而不需要函数：

<code class="html"><li ng-repeat="x in [].constructor(number) track by $index">
    <span>{{ $index+1 }}</span>
</li></code>

以上是如何在 AngularJS 中实现固定长度的 ng-repeat？的详细内容。更多信息请关注PHP中文网其他相关文章！