Angular JS 1.x [ngRepeat] mittels Integer

Oft genug kommt es vor das man eine kleine Schleife braucht um eine gewisse Anzahl an Einträgen zu erzeugen.

In etwa so:

<ul>
   <li><span>1</span></li>
   <li><span>2</span></li>
   <li><span>3</span></li>
   <li><span>4</span></li>
   <li><span>5</span></li>
</ul>

Der einfachste Weg geht über eine kleine Funktion im controller.

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

In der Template Datei kann das dann so aufgerufen werden:

<ul>
    <li ng-repeat="i in getNumber(number)"><span>{{$index+1}}</span></li>
</ul>

Seit der Version 1.6 muss ein Index mit angegeben werden. Dann sieht das so aus:

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

 

Scroll to Top