javascript - ng-options menetapkan pilihan lalai, bukan yang pertama, lihat dengan jelas!
天蓬老师
天蓬老师 2017-07-04 13:44:50
0
2
1199

Saya menggunakan ng-options untuk menulis kotak pilihan lungsur turun Masalahnya sekarang adalah untuk membuat fungsi dipilih secara lalai, bukan yang pertama dipilih secara lalai. Pemilihan lalai ditetapkan berdasarkan parameter lain (idea saya)! Saya tidak mempunyai sebarang idea dalam kepala saya sekarang, jadi saya menyiarkan ini untuk dilihat dan dibantu oleh semua orang - terima kasih!

tangkapan skrin kod html:

Tangkapan skrin sumber data:

Tangkapan skrin kesan halaman:

Tambahan: Oleh kerana projek ini dibuat menggunakan ng, saya boleh mendapatkan nama jabatan semasa jabatan pada halaman html melalui kaedah lain, tetapi bagaimanakah saya boleh menggunakan nama jabatan ini untuk menjadikan pilihan lungsur turun sebagai pilihan lalai? ?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

membalas semua(2)
phpcn_u1582

Kod HTML

<select class='form-control' name='de_id' ng-model="currSelect" id="department" ng-options="a as a.department_name for a in selectData track by a.id" > </select>

kod js

$scope.selectData = sumber data;
$scope.currSelect = $scope.selectData[0]; Di sini anda ingin menetapkan indeks lalai, hanya gunakan acara
ng-change, jika anda tidak perlu mengendalikan yang lain objek , anda tidak perlu menulisnya, jika anda memilih pilihan lain, model ng anda juga akan berubah

某草草

Kerana anda menggunakan asli <select>加上了ng-options.

Native<select>默认选中,只需要<select>value值等于某个<option>项的的value值,那个<option> akan dipilih secara lalai.

Walaupun kaedah penulisan dalam HTML adalah untuk surat-menyurat <option>加上selected属性,但是在JS中给<select>的value赋值是可以设置当前选中的<option>.

Jadi, dalam Angular, anda hanya perlu mengubah suai nilai terikat (iaitu, sama seperti v-model对应值currSelect),将其设置成和第二项的value对应值selectData[1].id anda di sini.

Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan