angular.js - ngrepeat指定内容添加属性
phpcn_u1582
phpcn_u1582 2017-05-15 16:54:31
0
3
622
    <p ng-repeat="program in programs">
        <a class="pBlock" href="#"></a>
    </p>

programs里有10条数据,现在想在第5条和第10条的a标签上添加特定属性指令rightCtrl
实现如下效果

    <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>

请问该如何实现

phpcn_u1582
phpcn_u1582

répondre à tous(3)
淡淡烟草味

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.

过去多啦不再A梦
<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>
过去多啦不再A梦

Utilisez la directive ng-if.

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!