angular.js - ngrepeat指定内容添加属性
phpcn_u1582
phpcn_u1582 2017-05-15 16:54:31
0
3
631
    <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

全員に返信(3)
淡淡烟草味

ng-repeat指令会遍历programs集合,然后给集合中的每一个元素都生成一个模板实例,集合programs中的每个元素都会被赋予自己的作用域和模板,同时每个每个模板实例的作用域都会暴露出一些属性。
你可以利用其中的$indexあなたが望むことを達成するためのプロパティ。

ここに例がありますので、それを見て、どの命令を命令に追加するかを決定して、コードを書くことができます。デモ

コードを表示するにはファイアウォールを通過する必要がある場合があります。コードを参照できない場合は、スクリーンショットを撮ります。

いいねを押す +0
过去多啦不再A梦

リーリー

いいねを押す +0
过去多啦不再A梦

ng-if ディレクティブを使用します。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート