javascript - pilih nilai lalai kotak

Question

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

Answer 1

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.

$scope.aa="请选择设备状态";

Nyatakan item yang dipilih secara lalai di sini

<select class="form-control w-searchbar-select" ng-model="aa" >
   <option value="请选择设备状态"></option>
   <option ng-repeat="data in  equipmentProcedureList" value="{{$index}}">{{data}}</option>
</select

Ini bahagian HTML

Answer 2

angularJS mengesyorkan menggunakan ng-options untuk mencipta menu lungsur

<select ng-model="aa" ng-options="y for (x, y) in ProcedureList"></select>

$scope.ProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];

//我一般使用下面这样初始化不用ng-init,这样我觉得好改一点，想初始化几就写数组的索引
$scope.aa = $scope.ProcedureList[0];

Answer 3

Nilai nilai dalam pilihan ialah nombor, dan apabila dimulakan, value='Sila pilih status peranti', tiada nilai paparan yang sepadan dengan nilai ini..