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

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

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

解决办法：

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

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

如下图所示：

数据源：

控制器：

Html：

效果：

转载于:https://www.cnblogs.com/qubernet/p/5495312.html

ng-options渲染的第一项为空的解决办法相关推荐

右击硬盘分区第一项出现Auto的解决办法
最近网上相信有不少的网友和我一样都中了这种病毒．就是说在右键单击你的硬盘的时候第一项不是打开而是AUTO这个选项．而要想在这种情况下打开的话,就必须用右键单击打开,让我们心理真的很不爽．我也是在网上找 ...
C++ opencv 4.5 imread() 读取图片，显示为空的解决办法
C++ opencv 4.5 imread() 读取图片,显示为空的解决办法一.路径问题先查看下路径问题,如果使用的是相对路径,先查看下当前路径,判断输入的路径是否有错: #include < ...
PHP中表单没有问题但是$_FILES为空的解决办法
PHP中表单没有问题但是$_FILES为空的解决办法参考文章: (1)PHP中表单没有问题但是$_FILES为空的解决办法 (2)https://www.cnblogs.com/sanqiyi/p/ ...
ArcGIS的符号选择器（Symbol Selector）为空的解决办法
ArcGIS的符号选择器(Symbol Selector)为空的解决办法 GIS思维最近,许多学员与群友反应了一个不大不小的问题,ArcGIS的符号选择器(Symbol Selector)一篇空白, ...
python获取网页json返回空_Python用requests库爬取返回为空的解决办法
首先介紹一下我們用360搜索派取城市排名前20. 我们爬取的网址:https://baike.so.com/doc/24368318-25185095.html 我们要爬取的内容: html字段: r ...
ajax请求时提醒参数为空的解决办法
1.ajax请求时提醒参数为空的解决办法: 我们要把js对象用stringify转成json,然后再加上:contentType: "application/json" var _ ...
计算机下方如何添加启动项,win7应用程序添加到开机启动项的两种解决办法
在windows10系统中,如果想让应用程序在开机之后自动运行起来,可以怎么做呢? 方法一: 1.首先创建应用程序的快捷方式找到自己想加入开机启动项的应用程序,本文以iexplore为例,在iexp ...
C# ASP.NET DROPDOWNLIST控件绑定数据库，用DropDownList1.SelectedValue.ToString 读取的选项值始终是第一项的值的解决方法
1.C# ASP.NET DROPDOWNLIST控件绑定数据库,数据库内容如下数据库有3个字段:id,name,map. 数据库只有1个表,表名为 table1 2.前台代码如下: <a ...
mysql user表空_mysql 忘记密码，重置密码，mysql.user表为空的解决办法
一.用户表有用户,直接修改密码 ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES) ...

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

ng-options渲染的第一项为空的解决办法相关推荐

最新文章

热门文章