Maison  >  Questions et réponses  >  le corps du texte

angular.js - ngrepeat指定内容添加属性

    <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_u1582phpcn_u15822736 Il y a quelques jours619

répondre à tous(3)je répondrai

  • 淡淡烟草味

    淡淡烟草味2017-05-15 16:56:31

    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.

    répondre
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:56:31

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

    répondre
    0
  • 过去多啦不再A梦

    过去多啦不再A梦2017-05-15 16:56:31

    Utilisez la directive ng-if.

    répondre
    0
  • Annulerrépondre