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:

<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!

Python JavaScript Array for select using Attribute this

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Sambungan JSON untuk menulis fail konfigurasi dan menghuraikan dataArtikel seterusnya：Sambungan JSON untuk menulis fail konfigurasi dan menghuraikan data

Artikel berkaitan

Lihat lagi

• Analisis mendalam bagi komponen kumpulan senarai Bootstrap
• Penjelasan terperinci tentang fungsi JavaScript kari
• Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)
• Angularjs menyepadukan UI WeChat (weui)
• Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional

Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！

Tentang kitaPenafianSitemap

© php.cn All rights reserved