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

PHPABC angularjs 885 次浏览 , 没有评论

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

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

解决办法:
1.可以在控制器中给ng-model的初始值设置为下拉选项中的某个值或对象;
2.可以给select默认增加一项类似“请选择”的选项。
如下图所示:


控制器:

Html:

效果:

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据

Go