Bagaimana untuk Mengulang Bilangan Kali yang Ditentukan dalam AngularJS Tanpa Array?

Kaedah Alternatif untuk ng-ulang: Mengulang Bilangan Kali Ditentukan

Dalam AngularJS, arahan ng-repeat membolehkan kami mengulangi pelbagai elemen. Walau bagaimanapun, dalam senario tertentu, kami mungkin ingin mengulang templat tertentu beberapa kali walaupun tanpa tatasusunan. Artikel ini menangani keperluan ini.

Penyelesaian

AngularJS sebelum versi 1.3.0 tidak menyokong lelaran langsung dalam beberapa kali tertentu. Penyelesaian melibatkan memperkenalkan fungsi tersuai dan memanipulasi tatasusunan.

Berikut ialah sintaks ng-repeat yang diubah suai:

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

Dalam pengawal anda, tentukan fungsi getNumber:

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

Fungsi ini mengembalikan tatasusunan panjang yang ditentukan, mensimulasikan gelagat lelaran pada tatasusunan.

Kemas kini untuk AngularJS >= 1.3.0

Versi AngularJS yang lebih baharu menawarkan penyelesaian yang dipermudahkan :

<code class="html"><li ng-repeat="x in [].constructor(number) track by $index">
    <span>{{ $index+1 }}</span>
</li></code>

Variasi ini menghilangkan keperluan untuk fungsi tersuai.

Kesimpulan

Kedua-dua kaedah menyediakan cara yang fleksibel dan cekap untuk mengulangi beberapa kali yang ditetapkan dalam AngularJS , membolehkan pembangun mencipta antara muka pengguna yang dinamik dan boleh disesuaikan.

Atas ialah kandungan terperinci Bagaimana untuk Mengulang Bilangan Kali yang Ditentukan dalam AngularJS Tanpa Array?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!