AngularJS で固定長の ng-repeat を実装するにはどうすればよいですか?

固定長 ng-repeat の代替アプローチ

AngularJS では、ng-repeat は通常、配列に対して動作します。ただし、要素を一定回数繰り返す必要がある状況もあります。考えられるアプローチは 2 つあります。

オプション 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 中国語 Web サイトの他の関連記事を参照してください。