Ini adalah bahagian html pilih
<select class="form-control w-searchbar-select" ng-model="aa" ng-init="aa='请选择设备状态'" >
<option ng-repeat="data in ProcedureList" value="{{$index}}">{{data}}</option>
</select>Berikut ialah bahagian peralatanProcedureList bagi definisi
$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];Kesan kaedah penulisan semasa pada halaman ialah:
Tiada item dipilih dalam kotak pilihan dan ia kosong.
Walau bagaimanapun, jika anda mengalih keluar nilai="{{$index}}" dalam pilihan, ia akan dipaparkan seperti biasa.
Minta petunjuk dari Allah
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Kesan halaman yang diingini ialah memilih "Sila pilih status peranti" secara lalai, dan nilai item yang tinggal ialah $index Akhirnya, ng-repeat digunakan untuk melaksanakan fungsi di atas.
$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];Di atas ialah pilihan lungsur turun pilih, dipratentukan.
Nyatakan item yang dipilih secara lalai di sini
Ini bahagian HTML
angularJS mengesyorkan menggunakan ng-options untuk mencipta menu lungsur
Nilai nilai dalam pilihan ialah nombor, dan apabila dimulakan, value='Sila pilih status peranti', tiada nilai paparan yang sepadan dengan nilai ini..