ng-options渲染的第一項為空的解決辦法


  我們在使用ng-options時,如果首次使用,可能會在渲染完成后發現下拉列表的第一項為空,並且我們在選擇一項之后,為空的第一項已經消失了,這樣用戶體驗上來說很不好。

 
  原因就在於:我們使用ng-options的時候,是配合模型指令ng-model一起使用的,從而我們就可以知道,渲染生成的第一項為空原因肯定和ng-model的初始值有關系。
 
解決辦法:
  1.可以在控制器中給ng-model的初始值設置為下拉選項中的某個值或對象;
  2.可以給select默認增加一項類似“請選擇”的選項。
 
如下圖所示:
 
數據源:
 
 
控制器: 
 
Html:
 
效果:
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM