ng-repeat の代替方法: 定義された回数の反復

AngularJS では、ng-repeat ディレクティブを使用して要素の配列を反復できます。ただし、特定のシナリオでは、配列がない場合でも特定のテンプレートを複数回繰り返したい場合があります。この記事では、このニーズに対応します。

Solution

バージョン 1.3.0 より前の AngularJS は、指定された回数にわたる直接の反復をサポートしていませんでした。回避策には、カスタム関数の導入と配列の操作が含まれていました。

変更された ng-repeat 構文は次のとおりです:

    {{ $index 1 }}

コントローラーで getNumber 関数を定義します。

$scope.number = 5;
$scope.getNumber = function(num) {
    return new Array(num);
}

この関数は、指定された長さの配列を返し、配列の反復動作をシミュレートします。

AngularJS >= 1.3.0 の更新

AngularJS の新しいバージョン簡略化された解決策を提供します:

    {{ $index 1 }}

このバリエーションでは、カスタム関数が不要になります。

結論

どちらの方法も、AngularJS で定義された回数を反復するための柔軟で効率的な方法を提供します。 、開発者が動的で適応性のあるユーザー インターフェイスを作成できるようにします。