angular使用ng-options,第一个option为空的问题
2017-04-25 15:16
507 查看
项目中使用ng-options时,发现循环出来的select的第一个option为空,页面审查元素如下图:
页面效果:
其代码如下:
这不但影响样式,而且影响用户体验。那么怎么删除select第一个为空的option呢?
解决办法是在这个select里加上这样一句话就好了:
这样的话,循环出来的select第一个为空的option就不会显示了,审查元素如下:
页面效果如下:
此文章为原创文章,希望能给您带来帮助!
页面效果:
其代码如下:
<select ng-model="selectUser" ng-options="i.NAME for i in users"></select>
这不但影响样式,而且影响用户体验。那么怎么删除select第一个为空的option呢?
解决办法是在这个select里加上这样一句话就好了:
<option value="" selected hidden></option>
这样的话,循环出来的select第一个为空的option就不会显示了,审查元素如下:
页面效果如下:
此文章为原创文章,希望能给您带来帮助!
相关文章推荐
- angular中使用ng-options第一个选择项为空白的问题。
- EasyUI使用combobox的下拉框,显示第一个option的值,而不是text的问题
- angularjs select标签使用ng-repeat标签之后,ng-model无法更新问题解决
- AngularJS ng-repeat指令中使用track by子语句解决重复数据遍历错误问题
- angular指令笔记ng-options的使用方法
- 关于Angular 4 + ng-zorro 使用过程中遇到的问题
- angular select中ng-options使用
- angular2在双向数据绑定时[(ngModel)]无法使用的问题
- Angular2之入门之双向绑定时[(ngModel)]不能使用的问题
- angularjs select 循环中出现第一个 option 为空格问题
- AngularJs ng-options 无法设置value的问题
- angular使用ng-option。默认选中列表第一项
- 使用angularJs templates之后,scope问题
- [AngularJS] Angular 1.3: ng-model-options updateOn, debounce
- Mysql中使用FIND_IN_SET解决IN条件为字符串时只有第一个数据可用的问题
- angular指令中使用ngModelController
- [AngularJS] Angular 1.3 ng-model-options - getterSetter
- angularjs ng-option ie issue解决方案
- AngularJS: 使用ng-option生成下拉框并在controller调用
- Android使用BitmapFactory.Options解决加载大图片内存溢出问题