Bagaimana untuk Melaksanakan ng-repeat Panjang Tetap dalam AngularJS?

Pendekatan Alternatif untuk ng-repeat Panjang Tetap

Dalam AngularJS, ng-repeat biasanya beroperasi pada tatasusunan. Walau bagaimanapun, terdapat situasi di mana anda perlu mengulang elemen beberapa kali tetap. Berikut ialah dua pendekatan yang mungkin:

Pilihan 1: Menggunakan Fungsi Tersuai

Jika anda menggunakan versi lama AngularJS (sebelum 1.3.0), anda boleh tentukan fungsi yang mengembalikan tatasusunan panjang yang diingini:

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

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

Pilihan 2: Menggunakan Harta Pembina (AngularJS 1.3.0 dan ke atas)

Untuk versi AngularJS yang lebih baharu, anda boleh memanfaatkan sifat Array.constructor tanpa memerlukan fungsi:

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

Atas ialah kandungan terperinci Bagaimana untuk Melaksanakan ng-repeat Panjang Tetap dalam AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!