ng-options渲染的第一项为空的解决办法

　　我们在使用ng-options时，如果首次使用，可能会在渲染完成后发现下拉列表的第一项为空，并且我们在选择一项之后，为空的第一项已经消失了，这样用户体验上来说很不好。

 

　　原因就在于：我们使用ng-options的时候，是配合模型指令ng-model一起使用的，从而我们就可以知道，渲染生成的第一项为空原因肯定和ng-model的初始值有关系。

 

解决办法：

　　1.可以在控制器中给ng-model的初始值设置为下拉选项中的某个值或对象；

　　2.可以给select默认增加一项类似“请选择”的选项。

 

如下图所示：

 

数据源：

 

 

控制器： 

 

Html：

 

效果：