Wie kann ich ein Element mit ng-repeat in AngularJS eine bestimmte Anzahl von Malen wiederholen?

Eine definierte Anzahl von Malen mit ng-repeat iterieren

Traditionell iteriert ng-repeat über ein Array-Element, aber es gibt Fälle, in denen Sie möglicherweise a wiederholen müssen bestimmte Anzahl von Malen. In diesem Artikel wird eine praktische Methode untersucht, um genau das zu erreichen.

Array-Iteration ersetzen

Stellen Sie sich ein Szenario vor, in dem Sie möchten, dass eine Liste von Elementen fünfmal angezeigt wird, inkrementell von 1 bis 5 nummeriert. Anstatt Wenn wir uns auf ein Array verlassen, können wir den folgenden Ansatz anwenden:

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

Definieren der getNumber-Funktion

In Ihrem Controller erstellt die getNumber-Funktion ein Array mit der gewünschten Länge:

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

Auswirkungen von AngularJS-Versionen

Für Versionen von AngularJS vor 1.1.5 sollte das oben Gesagte ausreichen. Ab Version 1.1.5 muss jedoch in der ng-repeat-Direktive ein zusätzliches Attribut „track by $index“ angegeben werden.

Nutzung und Flexibilität

Mit diesem Ansatz können Sie $ dynamisch ändern Sie können Scope.number auf einen beliebigen Wert setzen und dabei die gewünschte Anzahl an Iterationen beibehalten. Diese Technik bietet eine praktische Möglichkeit, Wiederholungen in AngularJS-Anwendungen zu handhaben.

Das obige ist der detaillierte Inhalt vonWie kann ich ein Element mit ng-repeat in AngularJS eine bestimmte Anzahl von Malen wiederholen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!