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

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

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

解决办法:

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

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

如下图所示:

数据源:

控制器:

Html:

效果:

时间: 2024-10-18 07:50:33

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

【转】类型初始值设定项引发异常的解决办法

类型初始值设定项引发异常的解决办法 转自:小羊快跑1  http://www.cnblogs.com/SheepRunning/p/4452847.html 今天在调试代码的时候突然抛出了如下异常:"XORM.Database"的类型初始值设定项引发异常. 顿时感觉很突兀,平常的时候一点问题没有,为什么今天调试就出问题了呢?测试了一下,发现在数据处理层的一条实例化代码处出错: //获取类型的映射信息 MappingInfo mapInfo = xmlMapping.GetDataMap

dedecms织梦后台发布文章提示“标题不能为空”的解决办法

V5.7登录后台后,发布英文标题没问题,发布中文会提示“标题不能为空”. 原因:htmlspecialchars在php5.4默认为utf8编码,gbk编码字符串经 htmlspecialchars 转义后的中文字符串为空,也就是标题为空. 解决办法:给htmlspecialchars添加ENT_COMPAT ,'GB2312'参数修改编码默认值. 具体修改页面: 1.dede/article_add.php 和 dede/article_edit.php将$title = htmlspecia

mac 下eclipse创建Android项目为空的解决办法。

最近把电脑换成mac了,由于10.10后的os x,不自带java sdk了,没办法只有到官网上下载jdk1.7, (为什么不下载1.6,或1.8.1.6太旧了不支持Android 5.0 的一些属性,1.8 太新,怕和Android有些不兼容) 配置Android studio:直接是傻瓜式的配置,下载完成安装就行了. 配置eclipse 安装完后配置adt,直接使用离线安装的形式(不知道离线安装请百度),忽视掉中间弹出的是否继续 窗口.(sdk是自己识别的,已经下载好) 貌似一切正常,但是在

IDEA13中配置struts错误:ClassNotFoundException: org...dispatcher.ng.filter.StrutsPrepareAndExecuteFilter +找不到java程序包 解决办法

问题一:ClassNotFoundException: org...dispatcher.ng.filter.StrutsPrepareAndExecuteFilter解决办法 1.确保所有struts2所需要的包都导进去了(红色标记的),如图: 2.将外部lib下的包都复制到WEB-INFO下: 当再次启动tomcat的时候就可以了.IDEA会把src目录下的所有非*.java文件复制到WEB-INF/classes目录下,所以Tomcat说找不到所需要的类. 相同问题也可参见如下:(具体见原

Oracle导出空表解决办法

在oracle 11g 中,发现传统的exp不能导出空的表 oracle 11g 新增了一个参数:deferred_segment_creation,含义是段延迟创建,默认是true.具体是什么意思呢? 如果这个参数设置为true,你新建了一个表T1,并且没有向其中插入数据,那么这个表不会立即分配extent,也就是不占数据空间,只有当你insert数据后才分配空间.这样可以节省少量的空间. 解决办法 设置deferred_segment_creation 参数为FALSE后,无论是空表还是非空

类型初始值设定项引发异常的解决办法

今天在调试代码的时候突然抛出了如下异常:“XORM.Database”的类型初始值设定项引发异常. 顿时感觉很突兀,平常的时候一点问题没有,为什么今天调试就出问题了呢?测试了一下,发现在数据处理层的一条实例化代码处出错: //获取类型的映射信息 MappingInfo mapInfo = xmlMapping.GetDataMapInfo(type); Database db = new Database();//出错代码 db.CommandText = storageprocedure; /

android 自定义view中findViewById为空的解决办法

网上说的都是在super(context, attrs);构造函数这里少加了一个字段, 其实根本不只这一个原因,属于view生命周期的应该知道,如果你在 自定义view的构造函数里面调用findViewById 铁定为空的,因为这个 时候view还在初始化阶段,还没有添加到activity的XML布局上,所以 你怎么调用都是没用的,解决办法就是把我们的findViewById方法换 一个生命周期上面调用就OK了,比如我就是在 protected void onAttachedToWindow()

Idea中重建maven模块,dependencies引入为空的解决办法

使用idea开发Maven项目时, Maven项目中有些模块被删除了,重新加入相同名字的模块时,dependencies为空 如下图 正常引进的项目,dependencies应如下 解决办法: idea会默认删除的模块不再用,所以将删除模块的pom文件忽略掉,所以如果重建了相同名字的模块,依赖是引不进来的. 1.删除新建的有问题的模块 2.打开项目中.idea/misc.xml,将下图中的行删除,对应刚删除的模块名 3.重新加入模块,问题解决 原文地址:https://www.cnblogs.c

关于安装python3.6之后,Scripts文件夹下为空的解决办法

问题描述: 电脑重装了系统之后,重新安装的python,按照之后,Scripts文件夹下没用任何东西,是空文件夹. 解决办法:进入如下目录,执行python -m ensurepip这个命令即可解决! C:\Windows\System32>python -m ensurepip 执行完上述命令之后,再查看C:\Python36\Scripts这个文件夹下,多了这些文件 原文地址:https://www.cnblogs.com/lucky-penguin/p/11777408.html