我們在使用ng-options時,如果首次使用,可能會在渲染完成后發現下拉列表的第一項為空,並且我們在選擇一項之后,為空的第一項已經消失了,這樣用戶體驗上來說很不好。
原因就在於:我們使用ng-options的時候,是配合模型指令ng-model一起使用的,從而我們就可以知道,渲染生成的第一項為空原因肯定和ng-model的初始值有關系。
解決辦法:
1.可以在控制器中給ng-model的初始值設置為下拉選項中的某個值或對象;
2.可以給select默認增加一項類似“請選擇”的選項。
如下圖所示:
數據源:

控制器:

Html:


效果:
