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

<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

使用ng-if指令。