angularjs的select下拉框设置选中值是number不生效的问题
angularjs的select下拉框选中某个选项<select class="form-control" ng-model="Sex" ><option value="1" ng-selected="true">男</option><option value="0">女</option></select>Sex = 0, 但
angularjs的select下拉框选中某个选项
<select class="form-control" ng-model="Sex" >
<option value="1" ng-selected="true">男</option>
<option value="0">女</option>
</select>
Sex = 0, 但是依然无法选中 “女” 这个选项,原因是因为option 的值应该都是字符串,而Sex是数字的缘故(如果改为 ng-model="(Sex+'')" 就可以选中第二个选项,但是js控制台会报错)
有效的方法:
<select class="form-control" ng-model="Sex"
ng-options="o.id as o.name for o in sexOptions" >
</select>
js中:
$scope.sexOptions = [
{id:1,name:"男"},
{id:0,name:"女"}
];
$scope.Sex = 0;
这样写就可以正常绑定选中的值,可见 ng-model 应该和 ng-options 配合使用才可以大道事半功倍的效果。
更多推荐
所有评论(0)