angular.js - ngrepeat指定內容新增屬性

Question

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

請問該如何實現

Answer 1

ng-repeat指令会遍历programs集合，然后给集合中的每一个元素都生成一个模板实例，集合programs中的每个元素都会被赋予自己的作用域和模板，同时每个每个模板实例的作用域都会暴露出一些属性。
你可以利用其中的$index屬性去完成你想要的事情。

我這裡有個例子，你可以看看，在指令中判斷要加入指令的的哪一個，然後寫你的程式碼就好。 demo

看程式碼可能要翻牆，如果瀏覽不了，我再給你截個圖也行。

Answer 2

雷雷

Answer 3

使用ng-if指令。