select 框默认值

这是select的html部分

<select class="form-control w-searchbar-select" ng-model="aa" ng-init="aa='请选择设备状态'" >

   <option ng-repeat="data in  ProcedureList" value="{{$index}}">{{data}}</option>

</select>

下面是定义的equipmentProcedureList部分

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

目前的这种写法页面出现的效果是:
select框中没有选中任何项,为空白状态。
但是,如果去掉option 里的value="{{$index}}"后则会正常显示。
求大神指点

侃侃尔雅
浏览 587回答 1
1回答

繁星coding

想要达到的页面效果就是默认选中“请选择设备状态”,其余各项的value值为$index,最终采用的是ng-repeat实现了上述功能。$scope.equipmentProcedureList = ["请选择设备状态", "注册", "使用中", "故障", "报废"];上面是selcect的下拉选项,预先定义好的。$scope.aa="请选择设备状态";这里指定默认选中的项<select class="form-control w-searchbar-select" ng-model="aa" >&nbsp; &nbsp;<option value="请选择设备状态"></option>&nbsp; &nbsp;<option ng-repeat="data in&nbsp; equipmentProcedureList" value="{{$index}}">{{data}}</option></select
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript