Comment implémenter ng-repeat de longueur fixe dans AngularJS ?

Approches alternatives pour ng-repeat de longueur fixe

Dans AngularJS, ng-repeat fonctionne généralement sur des tableaux. Cependant, il existe des situations dans lesquelles vous devez répéter des éléments un nombre déterminé de fois. Voici deux approches possibles :

Option 1 : Utiliser une fonction personnalisée

Si vous utilisez une ancienne version d'AngularJS (antérieure à 1.3.0), vous pouvez définir une fonction qui renvoie un tableau de la longueur souhaitée :

<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 : Utilisation de la propriété Constructor (AngularJS 1.3.0 et supérieur)

Pour les versions plus récentes d'AngularJS, vous pouvez exploiter la propriété Array.constructor sans avoir besoin d'une fonction :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!