1、做angularjs的select赋值时,出现第一个选项为空的情况,如下所示:
查看源码,如下显示:
2、解决方式
2.1第一个想到的就是把第一项设置为:请选择,方法如下:
<tr>
<td>基础题型</td>
<td><select class="form-control" ng-model="entity.type" >
<option value="">请选择</option>
<option ng-repeat="entityType in baseTypeList" value="{{entityType.typeId}}">{{entityType.typeName}}</option>
</select>
</td>
</tr>
结果如下:
2.2 我实际想第一个选项为返回集合的第一项,方法如下:
//获取基础题型
$scope.findAllBaseType = function(){
shuobaExamTypeService.findAllBaseType().success(
function (result) {
$scope.baseTypeList=result;
$scope.entity.type=$scope.baseTypeList[0].typeId;
}
);
}
最开始我赋值为:
$scope.entity.type=$scope.baseTypeList[0].typeName;
结果是不行的,必须赋值为typeId,也就是赋值给value,和下面的保持一致
<option ng-repeat="entityType in baseTypeList" value="{{entityType.typeId}}">{{entityType.typeName}}</option>
结果如下: