AngularJS选择创建带有值QUOT选项;?对象：空＆QUOT;并绑定为空时，不使用空默认选项 [英] AngularJS select creates option with value "? object:null ?" and doesn't use empty default option when bound to null

问题描述

这里的code样子

<select ng-model="nullableInt">
  <option></option>
  <option value="0">First option</option>
  <option value="1">First option</option>
  <option value="2">First option</option>
</select>

当nullableInt为null，则生成的HTML

When nullableInt is null the generated html is

<select ng-model="nullableInt">
  <option></option>
  <option value="? object:null ?"></option>
  <option value="0">First option</option>
  <option value="1">First option</option>
  <option value="2">First option</option>
</select>

转载在这里plunkr： http://plnkr.co/edit/05pBEMJppmkrn3nFgYdk?p=信息

这是值得一提的是，我试图避免使用 NG-选项，似乎有点矫枉过正创造一个端点AngularJS消耗一定的数据，真正如果有的话也不会改变，很多时候，

It's worth mentioning that I'm trying to avoid using ng-options, it seems like a bit of overkill to create an endpoint for AngularJS to consume some data that really will not change very often, if ever.

推荐答案

角是创建一个新的选项重新present空值。它没有找到您在HTML中提供的选项之一。

Angular is creating a new option to represent the null value. It didn't find one of the options you provided in the HTML.

要绑定到空，设置的值在第一个选项=空

To bind to null, set the value="null" on the first option

<一个href=\"http://plnkr.co/edit/kzPVu4hiMcP6wA6crGYt?p=$p$pview\">http://plnkr.co/edit/kzPVu4hiMcP6wA6crGYt?p=$p$pview

这篇关于AngularJS选择创建带有值QUOT选项;?对象：空＆QUOT;并绑定为空时，不使用空默认选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！