情景:在使用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="" ) -- 请选择选项 --