AngularJS -在select标记中使用ng-repeat添加额外的空白选项
AngularJS -在select标记中使用ng-repeat添加额外的空白选项
提问于 2013-03-19 06:28:58
我有一个用select创建的列表框，使用AngularJS ng-repeat。列表框已正确创建，当我选择其中一项并单击我的按钮时，我将进入函数并获得所需的信息。
我的html代码如下：
<select size="6" ng-model="item" ng-options="s.name for s in itemlist"></select>
<button class="btn tt-btn-blue" ng-model="singleModel" ng-click="onLoadClicked(item.id)">Load</button>我的问题是，当列表框绘制时，它在顶部有一项是空白的。当我在Chrome中运行时检查列表框时，我在控制台中得到以下输出：
<select size="6" ng-model="item" ng-options="s.name for s in itemlist" class="ng-pristine ng-valid">
<option value="?" selected="selected"></option>
<option value="0">Item 1</option>
<option value="1">Item 2</option>
<option value="2">Item 3</option>
<option value="3">Item 4</option>
<option value="4">Item 5</option>
<option value="5">Item 6</option>
</select>我想知道怎样才能去掉由ng-repeat插入的第一个选项。我不想在列表框的顶部看到空白。我意识到一种选择是将第一个实际选项(value="0")设置为选中的项目，但我宁愿没有选中的项目来启动。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/15488181
复制相关文章
相似问题