Arahan ng-options AngularJS membolehkan pembangun mengisi pilihan untuk
Untuk memahami mekanisme penetapan nilai, mari kita mendalami sintaks ngOptions. Ia memerlukan ungkapan dalam salah satu bentuk ini:
Untuk tatasusunan:
label for value in array
Untuk objek:
label for (key, value) in object
Pertimbangkan tatasusunan contoh berikut:
array = [{ "value": 1, "text": "1st" }, { "value": 2, "text": "2nd" }];
Untuk mengisi pilihan menggunakan ng-options, kita boleh menulis:
<select ng-options="obj.text as obj.value for obj in array"></select>
Dalam kes ini, obj.value akan menentukan yang dipilih nilai untuk setiap pilihan.
Kemas kini: Jejaki Mengikut Ungkapan Nilai
Dengan kemas kini AngularJS baru-baru ini, kini boleh menentukan secara eksplisit nilai untuk atribut nilai menggunakan trek dengan ungkapan:
<select ng-options="obj.text for obj in array track by obj.value"></select>
Mengingat Sintaks
Sintaks ngOptions boleh mencabar untuk diingat semula. Analogi yang berguna ialah menganggapnya sebagai versi lanjutan pemahaman senarai Python:
[x**2 for x in [1, 2, 3, 4, 5]]
Walau bagaimanapun, dalam pilihan-ng, kami membezakan antara nilai dan teks yang dipaparkan untuk setiap pilihan menggunakan kata kunci sebagai:
person.id as person.name for person in people
Untuk objek JavaScript, sintaks adalah serupa, menggunakan pasangan (kunci, nilai):
for (key, value) in object
Atas ialah kandungan terperinci Bagaimanakah saya menetapkan atribut nilai dalam ng-options untuk AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!