Die for-Schleife in Angular

Rana Hasnain Khan 30 Januar 2022
Die for-Schleife in Angular

Wir werden die for-Schleife einführen und Daten mit der for-Schleife in AngularJs anzeigen.

Die for-Schleife in Angular

Die for-Schleife ist praktisch und wird verwendet, um einen Code mehrmals zu wiederholen, um entweder Daten anzuzeigen.

Um es zu verstehen, gehen wir ein Beispiel für eine for-Schleife in AngularJs durch. Zunächst erstellen wir eine Vorlage.

# angularjs
<div ng-app='ForApp' ng-repeat="n in [] | repeat:5">
    <h1>{{n}}</h1>
</div>

Im obigen Code haben wir ng-repeat verwendet. Lassen Sie uns nun eine for-Schleife schreiben, um den Wert von n anzuzeigen.

# angularjs
var myApp = angular.module('ForApp', []);
myApp.filter('repeat', function() {
  return function(input, range) {
    range = parseInt(range);
    for (var i=0; i<range; i++)
      input.push(i);
    return input;
  };
});

Der obige Code gibt den Wert n fünfmal aus.

for-Schleife in AngularJS

Wie Sie im Bild sehen können, zeigt der obige Code den Wert von n fünfmal. Wir können die for-Schleife auch verwenden, um einen bestimmten HTML-Code mehrmals zu wiederholen.

# angularjs
<div ng-app='ForApp' ng-repeat="n in [] | repeat:5">
    <h1>Repeated for {{n}} times</h1>
</div>

Ausgabe:

for-Schleife in AngularJS zum Wiederholen

Auf diese Weise können wir die for-Schleife in AngularJs verwenden.

Rana Hasnain Khan avatar Rana Hasnain Khan avatar

Rana is a computer science graduate passionate about helping people to build and diagnose scalable web application problems and problems developers face across the full-stack.

LinkedIn

Verwandter Artikel - Angular Loop