如何避免表单输出中出现空白选项?
<select class="form-control" ng-model="item.type" >
<option ng-value="0">Real</option>
<option ng-value="1">Fake</option>
<option ng-value="2">Both</option>
</select>
item.type 在 Controller 中设置
由于使用了 ng-value,并且 item.type 的值已经设置,因此该问题与我在类似主题中看到的问题略有不同
编辑:将 ng-value
更改为 value
解决了问题。
最佳答案
Controller 中的item.type是如何设置的?
空行是 item.type 的当前值。如果你将它设置为 Controller 中的对象,那么以这种方式显示是正常的。尝试将其设置为您拥有的 3 个选项之一,如下所示:
angular.module('yourModule').controller('ctrl', function($scope)){
$scope.item = {}; //edited
$scope.item.type = "1"; // or 2, or 0
}
这就是 Angular 处理双向数据绑定(bind)的方式。如果您的 item.type 的值与任何选项都不匹配,则添加另一个空行是正常的。
编辑:
<select class="form-control" ng-model="item.type" >
<option value="0">Real</option>
<option value="1">Fake</option>
<option value="2">Both</option>
</select>
关于javascript - 空白选择选项#ngValue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37729025/