如何在 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中文網其他相關文章！