angulaire.js - ngrepeat ajoute des attributs au contenu spécifié

Question

    <p ng-repeat="program in programs">
        <a class="pBlock" href="#"></a>
    </p>

Il y a 10 éléments de données dans les programmes. Maintenant, je souhaite ajouter une commande d'attribut spécifique rightCtrl
à la balise a des 5ème et 10ème éléments pour obtenir l'effet suivant

    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#" rightCtrl></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#"></a></p>
    <p><a class="pBlock" href="#" rightCtrl></a></p>

Comment y parvenir

Answer 1

La directive

ng-repeat traversera la collection programs, puis générera une instance de modèle pour chaque élément de la collection programs aura sa propre portée et son propre modèle, et chaque élément de la collection. la collection aura sa propre portée et son propre modèle. La portée de chaque instance de modèle expose certaines propriétés.
Vous pouvez utiliser les attributs $index pour accomplir ce que vous voulez.

J'ai un exemple ici. Vous pouvez y jeter un œil et déterminer quelle commande vous souhaitez ajouter dans la commande, puis écrire votre code. démo

Vous devrez peut-être contourner le pare-feu pour afficher le code. Si vous ne pouvez pas le parcourir, je peux prendre une capture d'écran pour vous.

Answer 2

<p ng-repeat="program in programs">
    <a class="pBlock" href="#" ng-if='$index == 4' rightCtrl></a>
    <a class="pBlock" href="#" ng-if='$index != 4'></a>
</p>

Answer 3

Utilisez la directive ng-if.