Bagaimanakah saya menetapkan atribut nilai dalam ng-options untuk AngularJS?

Menetapkan Nilai dalam ng-options untuk AngularJS Arahan ng-options AngularJS membolehkan pembangun mengisi pilihan untuk tag. Satu persoalan biasa yang timbul ialah cara menetapkan atribut nilai bagi setiap pilihan.

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:

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:

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