码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2016-05-15 16:45:23      阅读:143      评论:0      收藏:0      [点我收藏+]

标签:

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

 
  原因就在于:我们使用ng-options的时候,是配合模型指令ng-model一起使用的,从而我们就可以知道,渲染生成的第一项为空原因肯定和ng-model的初始值有关系。
 
解决办法:
  1.可以在控制器中给ng-model的初始值设置为下拉选项中的某个值或对象;
  2.可以给select默认增加一项类似“请选择”的选项。
 
如下图所示:
 
数据源:
技术分享
 
 
控制器: 
技术分享
 
Html:
技术分享
技术分享
 
效果:
技术分享
 

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

标签:

原文地址:http://www.cnblogs.com/qubernet/p/5495312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!