看来,当您在指令内部创建select元素时,它会创建一种虚拟选项(我假设因为在这一点上,它不知道将其设置为什么,也不想做出假设)。下面的顶部选项是我的意思:
<select ng-model="optionVal">
<option value="? undefined:undefined ?"></option>
<option value="opt1">Option One</option>
<option value="opt2">Option Two</option>
</select>
在功能上一切正常,但是在选择框中保留该空白条目是很丑陋的,我想将其删除。有人知道这样做的方法吗?
创建该选项是因为您的模型不包含opt1
或opt2
之一,因此它创建了一个选项以匹配模型的当前值。避免这种情况的方法是先将模型设置为值。