Bagaimanakah saya boleh mengulangi elemen beberapa kali menggunakan ng-repeat dalam AngularJS?

Mengulang Bilangan Kali Ditetapkan dengan ng-ulang

Secara tradisinya, ng-repeat berulang pada elemen tatasusunan, tetapi terdapat keadaan di mana anda mungkin perlu mengulangi bilangan kali tertentu. Artikel ini meneroka kaedah yang mudah untuk mencapai perkara itu.

Menggantikan Lelaran Tatasusunan

Pertimbangkan senario di mana anda ingin senarai item dipaparkan lima kali, bernombor secara berperingkat dari 1 hingga 5. Sebaliknya bergantung pada tatasusunan, kami boleh menggunakan pendekatan berikut:

<code class="html"><li ng-repeat="i in getNumber(number) track by $index">
    <span>{{ $index+1 }}</span>
</li></code>

Mentakrifkan Fungsi getNumber

Dalam pengawal anda, fungsi getNumber akan mencipta tatasusunan dengan panjang yang dikehendaki:

<code class="javascript">$scope.number = 5;
$scope.getNumber = function(num) {
    return new Array(num);
}</code>

Kesan Versi AngularJS

Untuk versi AngularJS sebelum 1.1.5, perkara di atas sepatutnya memadai. Walau bagaimanapun, dari versi 1.1.5 dan seterusnya, runut tambahan oleh atribut $index mesti dinyatakan dalam arahan ng-repeat.

Penggunaan dan Fleksibiliti

Dengan pendekatan ini, anda boleh mengubah $ secara dinamik skop.nombor kepada sebarang nilai, mengekalkan bilangan lelaran yang diingini. Teknik ini menyediakan cara yang mudah untuk mengendalikan pengulangan dalam aplikasi AngularJS.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mengulangi elemen beberapa kali menggunakan ng-repeat dalam AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!