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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!