angular.js - ngrepeat menambah atribut pada kandungan tertentu
phpcn_u1582
phpcn_u1582 2017-05-15 16:54:31
0
3
696
    <p ng-repeat="program in programs">
        <a class="pBlock" href="#"></a>
    </p>

Terdapat 10 keping data dalam atur cara Sekarang saya mahu menambah perintah atribut tertentu rightCtrl
pada teg item ke-5 dan ke-10 untuk mencapai kesan berikut

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

Bagaimana untuk mencapai ini

phpcn_u1582
phpcn_u1582

membalas semua(3)
淡淡烟草味

Arahan

ng-repeat akan merentasi koleksi programs, dan kemudian menjana contoh templat untuk setiap elemen dalam koleksi Setiap elemen dalam koleksi programs akan diberikan skop dan templatnya sendiri, dan setiap elemen dalam koleksi akan diberikan skop dan templatnya sendiri Skop setiap contoh templat mendedahkan beberapa sifat.
Anda boleh menggunakan atribut $index untuk mencapai apa yang anda mahukan.

Saya ada contoh di sini Anda boleh melihatnya dan menentukan arahan yang ingin anda tambahkan dalam arahan itu, kemudian tulis kod anda. demo

Anda mungkin perlu memintas tembok api untuk melihat kod tersebut Jika anda tidak boleh menyemak imbasnya, saya boleh mengambil tangkapan skrin untuk anda.

过去多啦不再A梦
<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>
过去多啦不再A梦

Gunakan arahan ng-if.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan