Bagaimana untuk Menetapkan Pilihan Lalai dalam Kotak Pilih Angular.js?

Menetapkan Pilihan Lalai dalam Kotak Pilih Angular.js

Dalam Angular.js, menetapkan pilihan lalai dalam kotak pilihan ialah keperluan biasa. Secara lalai, kotak pilih memaparkan pilihan pertama seperti yang dipilih. Walau bagaimanapun, pembangun mungkin mahu menentukan pilihan lain sebagai lalai berdasarkan logik perniagaan atau pilihan pengguna.

Pertimbangkan coretan kod berikut:

<select ng-model="somethingHere" 
        ng-options="option.value as option.name for option in options">
</select>

Dengan data berikut:

options = [{
   name: 'Something Cool',
   value: 'something-cool-value'
}, {
   name: 'Something Else',
   value: 'something-else-value'
}];

Kod ini akan menghasilkan kotak pilihan dengan pilihan pertama ("Sesuatu yang Sejuk") dipilih secara lalai. Untuk menukar tingkah laku ini, anda boleh menggunakan arahan ng-init Angular.js. ng-init membolehkan anda memulakan pembolehubah skop pada elemen yang digunakan untuknya.

<select ng-init="somethingHere = options[0]" 
        ng-model="somethingHere" 
        ng-options="option.name for option in options">
</select>

Dengan menetapkan sesuatuDi sini kepada elemen pertama tatasusunan pilihan dalam arahan ng-init, anda boleh memaksa kotak pilih untuk memaparkan pilihan pertama seperti yang dipilih secara lalai.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Pilihan Lalai dalam Kotak Pilih Angular.js?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!