Javascript – Standardwert für Auswahlfeld
某草草
某草草 2017-06-12 09:30:32
0
3
850

Dies ist der HTML-Teil von select

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

Das Folgende ist der equipmentProcedureList-Teil der Definition

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

Die Auswirkung der aktuellen Schreibmethode auf der Seite ist:
Im Auswahlfeld sind keine Elemente ausgewählt und es ist leer.
Wenn Sie jedoch den Wert="{{$index}}" in der Option entfernen, wird er normal angezeigt.
Bitte Gott um Führung

某草草
某草草

Antworte allen(3)
仅有的幸福

想要达到的页面效果就是默认选中“请选择设备状态”,其余各项的value值为$index,最终采用的是ng-repeat实现了上述功能。
$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];

上面是selcect的下拉选项,预先定义好的。

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

这里指定默认选中的项

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

这是HTML部分

小葫芦

angularJS推荐使用ng-options来创建下拉菜单

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

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

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

option里面的value的值是数字,而初始化的话value='请选择设备状态',没有对应的显示值与这个value..

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage