Iteration ng-repeat seulement X fois dans AngularJs

Question

Comment puis-je utiliser ng-repeat comme pour en Javascript ?

exemple :

<div ng-repeat="4">Text</div>

Je veux itérer avec ng-repeat 4 fois mais comment faire ?

Answer 1

Angular est livré avec un filtre limitTo:limit, qui permet de limiter les x premiers éléments et les x derniers éléments :

<div ng-repeat="item in items|limitTo:4">{{item}}</div>

Answer 2

C'est la solution la plus simple à laquelle j'ai pensé.

<span ng-repeat="n in [].constructor(5) track by $index">
{{$index}}
</span>

Voici un L'exemple de Plunker.

Answer 3

Vous pouvez utiliser la méthode slice dans un tableau javascript

<div ng-repeat="item in items.slice(0, 4)">{{item}}</div>

Court et agréable

Answer 4

Dans le html :

<div ng-repeat="t in getTimes(4)">text</div>

et dans le contrôleur :

$scope.getTimes=function(n){
     return new Array(n);
};

http://plnkr.co/edit/j5kNLY4Xr43CzcjM1gkj

EDIT :

avec angularjs > 1.2.x

<div ng-repeat="t in getTimes(4) track by $index">TEXT</div>

Answer 5

La réponse donnée par @mpm ne fonctionne pas elle donne l'erreur

Les doublons dans un répéteur ne sont pas autorisés. Utilisez l'expression 'track by' pour spécifier des clés uniques. Répétiteur : {0}, Clé en double : {1}

Pour éviter cela, ainsi que

ng-repeat="t in getTimes(4)"

utiliser

piste par $index

comme ceci

<div ng-repeat="t in getTimes(4) track by $index">TEXT</div>.