Wie implementiert man ng-repeat mit fester Länge in AngularJS?

Alternative Ansätze für ng-repeat mit fester Länge

In AngularJS arbeitet ng-repeat normalerweise mit Arrays. Es gibt jedoch Situationen, in denen Sie Elemente eine bestimmte Anzahl von Malen wiederholen müssen. Hier sind zwei mögliche Ansätze:

Option 1: Verwenden einer benutzerdefinierten Funktion

Wenn Sie eine ältere Version von AngularJS (vor 1.3.0) verwenden, können Sie dies tun Definieren Sie eine Funktion, die ein Array der gewünschten Länge zurückgibt:

<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>

Option 2: Verwenden der Constructor-Eigenschaft (AngularJS 1.3.0 und höher)

Für neuere Versionen von AngularJS können Sie die Array.constructor-Eigenschaft nutzen, ohne dass eine Funktion erforderlich ist:

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

Das obige ist der detaillierte Inhalt vonWie implementiert man ng-repeat mit fester Länge in AngularJS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!