angular.js - ngrepeat adds attributes to specified content

Question

    <p ng-repeat="program in programs">
        <a class="pBlock" href="#"></a>
    </p>

There are 10 pieces of data in programs. Now I want to add a specific attribute command rightCtrl
to the a tag of the 5th and 10th items to achieve the following effect

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

How to achieve this

Answer 1

ng-repeat指令会遍历programs集合，然后给集合中的每一个元素都生成一个模板实例，集合programs中的每个元素都会被赋予自己的作用域和模板，同时每个每个模板实例的作用域都会暴露出一些属性。
你可以利用其中的$indexProperties to accomplish what you want.

I have an example here. You can take a look at it, determine which one of the instructions you want to add, and then write your code. demo

You may have to go through a firewall to view the code. If you can’t browse it, I can take a screenshot for you.

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

Use ng-if directive.