Une méthode alternative à ng-repeat : itérer un nombre de fois défini

Dans AngularJS, la directive ng-repeat nous permet d'itérer sur un tableau d'éléments. Cependant, dans certains scénarios, nous pouvons souhaiter répéter un modèle spécifique plusieurs fois, même en l'absence de tableau. Cet article répond à ce besoin.

Solution

AngularJS antérieur à la version 1.3.0 ne prenait pas en charge l'itération directe sur un nombre de fois spécifié. La solution de contournement impliquait l'introduction d'une fonction personnalisée et la manipulation de tableaux.

Voici la syntaxe ng-repeat modifiée :

    {{ $index 1 }}

Dans votre contrôleur, définissez la fonction getNumber :

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

Cette fonction renvoie un tableau d'une longueur spécifiée, simulant le comportement d'une itération sur un tableau.

Mise à jour pour AngularJS >= 1.3.0

Versions plus récentes d'AngularJS proposer une solution simplifiée :

    {{ $index 1 }}

Cette variante supprime le besoin d'une fonction personnalisée.

Conclusion

Les deux méthodes offrent un moyen flexible et efficace d'itérer un nombre défini de fois dans AngularJS , permettant aux développeurs de créer des interfaces utilisateur dynamiques et adaptables.