Bagaimana untuk Menetapkan Atribut Nilai dalam pilihan ng-angularJS?

Menetapkan Atribut Nilai dalam pilihan ng AngularJS

Satu cabaran biasa yang dihadapi oleh pembangun AngularJS ialah menetapkan sifat nilai apabila menggunakan ng -arahan pilihan untuk mengisi tag terpilih. Walaupun dokumentasi mungkin kelihatan samar-samar, penyelesaiannya terletak pada ungkapan pemahaman.

Sintaks ngOptions

Seperti yang ditunjukkan dalam dokumentasi AngularJS, ngOptions menerima ungkapan pemahaman dalam salah satu mengikuti format:

• Sumber Data Tatasusunan:

  • label untuk nilai dalam tatasusunan
  • pilih sebagai label untuk nilai dalam tatasusunan
  • label kumpulan mengikut kumpulan untuk nilai dalam tatasusunan
  • pilih sebagai kumpulan label mengikut kumpulan untuk nilai dalam trek tatasusunan oleh trackexpr

• Sumber Data Objek:

  • label untuk (kunci , nilai) dalam objek
  • pilih sebagai label untuk (kunci , nilai) dalam objek
  • label kumpulan mengikut kumpulan untuk (kunci, value) dalam objek
  • pilih sebagai kumpulan label mengikut kumpulan untuk (kunci, nilai) dalam objek

Menetapkan Nilai untuk Sumber Data Tatasusunan

Dalam kes anda, di mana anda mempunyai tatasusunan objek dengan sifat "nilai" dan "teks", ungkapan pemahaman yang sesuai untuk menetapkan atribut nilai ialah:

<select ng-options="obj.value as obj.text for obj in array"></select>

Menggunakan Ungkapan 'track by'

Dalam kemas kini terkini kepada AngularJS, ungkapan "track by" boleh digunakan untuk tetapkan secara eksplisit nilai atribut nilai elemen pilih:

<select ng-options="obj.text for obj in array track by obj.value"></select>

Memori Aid

Untuk memudahkan mengingati sintaks kompleks ini, pertimbangkan ia sebagai lanjutan daripada pemahaman senarai Python. Oleh itu, ia mengikut format:

label as value for item in collection track by trackexpr

Sebagai contoh, ungkapan berikut adalah setara:

my_list = [x**2 for x in [1, 2, 3, 4, 5]]

person.name for person in people

obj.value as obj.text for obj in array

person as person.name for person in people

Nota Tambahan

• Kata kunci "sebagai" juga boleh digunakan untuk menetapkan label atribut.
• Menetapkan kedua-dua atribut label dan nilai membolehkan anda menentukan nilai yang berbeza untuk paparan dan penyerahan borang.

Atas ialah kandungan terperinci Bagaimana untuk Menetapkan Atribut Nilai dalam pilihan ng-angularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!