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="" ) -- 请选择选项 --

你可能感兴趣的:(web前端,angularjs)