ng-model绑定到select标签产生的空默认值?

时间:2015-03-13 13:09:19

标签: javascript angularjs

DEMO https://jsfiddle.net/z71vqLva/

<select ng-model="data.fields.pax">
              <option>pax</option>
              <option value="1">1 pax</option>
              <option value="2">2 pax</option>
            </select>
</div>

我将上面的块放入ng-repeat中,不确定为什么select包含1个空值作为默认值。当你选择了某些东西并再次点击下拉菜单时,它就消失了。

1 个答案:

答案 0 :(得分:2)

如果您希望预选空标签,则需要为空选项标记提供空值属性:

<select ng-model="data.fields.pax">
    <option value="">pax</option>
    <option value="1">1 pax</option>
    <option value="2">2 pax</option>
    <option value="3">3 pax</option>
    <option value="4">4 pax</option>
    <option value="5">5 pax</option>
    <option value="6">6 pax</option>
</select>

演示:https://jsfiddle.net/9pvzf8kd/