文档章节

为什么AngularJS在select中包含一个空选项? - Why does AngularJS include an empty option in select?

 技术盛宴
发布于 07/11 18:28
字数 384
阅读 31
收藏 0

「深度学习福利」大神带你进阶工程师,立即查看>>>

问题:

I've been working with AngularJS for the last few weeks, and the one thing which is really bothering me is that even after trying all permutations or the configuration defined in the specification at http://docs.angularjs.org/api/ng.directive:select , I still get an empty option as the first child of select element. 在过去的几周里,我一直在使用AngularJS,而令我困扰的一件事是,即使尝试了所有置换或http://docs.angularjs.org/api/ng规范中定义的配置, .directive:select ,我仍然得到一个空选项作为select元素的第一个子元素。

Here's the Jade: 这是玉:

select.span9(ng-model='form.type', required, ng-options='option.value as option.name for option in typeOptions');

Here the controller: 这里的控制器:

$scope.typeOptions = [
    { name: 'Feature', value: 'feature' },
    { name: 'Bug', value: 'bug' },
    { name: 'Enhancement', value: 'enhancement' }
];

Finally, here's the HTML which gets generated: 最后,这是生成的HTML:

<select ng-model="form.type" required="required" ng-options="option.value as option.name for option in typeOptions" class="span9 ng-pristine ng-invalid ng-invalid-required">
    <option value="?" selected="selected"></option>
    <option value="0">Feature</option>
    <option value="1">Bug</option>
    <option value="2">Enhancement</option>
</select>

What do I need to do to get rid of it? 我需要怎么做才能摆脱它?

PS: Things work without this as well, but it just looks odd if you use select2 without multiple selection. PS:事情也不需要这样做,但是如果您使用select2而不进行多重选择,那看起来就很奇怪。


解决方案:

参考一: https://stackoom.com/question/r62x/为什么AngularJS在select中包含一个空选项
参考二: https://oldbug.net/q/r62x/Why-does-AngularJS-include-an-empty-option-in-select
粉丝 0
博文 2390
码字总数 0
作品 0
深圳
高级程序员
私信 提问
加载中
请先登录后再评论。
Netty那点事(三)Channel与Pipeline

Channel是理解和使用Netty的核心。Channel的涉及内容较多,这里我使用由浅入深的介绍方法。在这篇文章中,我们主要介绍Channel部分中Pipeline实现机制。为了避免枯燥,借用一下《盗梦空间》的...

黄亿华
2013/11/24
2W
22
访问安全控制解决方案

本文是《轻量级 Java Web 框架架构设计》的系列博文。 今天想和大家简单的分享一下,在 Smart 中是如何做到访问安全控制的。也就是说,当没有登录或 Session 过期时所做的操作,会自动退回到...

黄勇
2013/11/03
3.5K
8
CDH5: 使用parcels配置lzo

一、Parcel 部署步骤 1 下载: 首先需要下载 Parcel。下载完成后,Parcel 将驻留在 Cloudera Manager 主机的本地目录中。 2 分配: Parcel 下载后,将分配到群集中的所有主机上并解压缩。 3 激...

cloud-coder
2014/07/01
6.8K
1
Swift百万线程攻破单例(Singleton)模式

一、不安全的单例实现 在上一篇文章我们给出了单例的设计模式,直接给出了线程安全的实现方法。单例的实现有多种方法,如下面: class SwiftSingleton { } 这段代码的实现,在shared中进行条...

一叶博客
2014/06/20
3.4K
16
树莓派(Raspberry Pi):完美的家用服务器

自从树莓派发布后,所有在互联网上的网站为此激动人心的设备提供了很多有趣和具有挑战性的使用方法。虽然这些想法都很棒,但树莓派( RPi )最明显却又是最不吸引人的用处是:创建你的完美家用...

异次元
2013/11/09
7.1K
8

没有更多内容

加载失败,请刷新页面

加载更多

华为大危机!余承东:麒麟芯片告罄,今年或许是高端芯片最后一代

     大数据文摘出品   作者:牛婉杨   美国制裁下,华为麒麟芯片即将告罄。   华为消费者业务CEO余承东称,由于来自美国的持续经济压力,华为下个月将无法生产自己的麒麟芯片组。...

osc_qmxpov5s
23分钟前
0
0
狂神说Java多线程详解(二)

狂神的视频截图作为学习记录:线程同步和线程协作。 本文分享自微信公众号 - Android架构师成长之路(gh_07f996f00d9b)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“OSC源创计...

datoushiwoma
07/13
5
0
英特尔20GB数据泄漏!包含未发芯片文件,内部密码多为intel123

     大数据文摘出品   来源:Arstechnica   近日,英特尔发生了一起重大的数据泄漏事故,超过20GB的专有数据和源代码被放在了网上。   这20GB的泄漏数据不仅量大,而且包含的内容...

osc_tjee7sjs
24分钟前
9
0
postgresql 主键 id 设置自增

创建自增序列(起始值必须大于 0 ) CREATE SEQUENCE standard_detail_id_seq START 1; 主键 ID 默认设置为 nextval('standard_detail_id_seq'::regclass)...

青苗
24分钟前
0
0
Ubuntu-16.04安装 VS code

安装微软Visual Studio Code 首先需要安装Ubuntu Make。虽然Ubuntu Make存在Ubuntu15.04官方库中,但是需要Ubuntu Make 0.7以上版本才能安装Visual Studio。所以,需要通过官方PPA更新到最新...

贪狼lyb
2019/11/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部