angularjs select初始化时多了一个 null option

前端之家收集整理的这篇文章主要介绍了angularjs select初始化时多了一个 null option前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

情景:在使用angularJs是,init select元素时,使用ng-repeat 构造 option时, 会出现一个多余的值为null的option。
例如以下代码(jade模板):

select( ng-model="user.departmentName" required name="{{$index}}")
       option.form-control(ng-repeat="department in departmentList" value="{{department}}") {{department}}

效果如图所示:

原因:因为在select元素init的时候,ng-model没有获得值,所以会渲染出一个值为null的空option。

解决办法:在option中直接新增一个值为空的选项。(PS.值一定要为空)
例如: option.form-control(value="" ) -- 请选择选项 --

原文链接:https://www.f2er.com/angularjs/147179.html

猜你在找的Angularjs相关文章