Question

我将表单更新为angular。其中的选择不是由角度生成的。我使用角度来添加一些交互性并提交表单。我有一个问题，角度是为元素添加一个空白选择。有没有办法在没有角度生成选择的情况下阻止这种情况？

<select name="inventory_status" ng-model="formData.inventory_status">
<option ng-selected="true" ng-value="1">Active</option>
<option ng-value="2">Discontinued</option>
<option ng-value="3">Special Order</option>     
<option ng-value="4">Pre-Order</option> 
</select>

上面的代码产生了这个：

<select name="inventory_status" ng-model="formData.inventory_status" ng-init="sortorder='1'" class="ng-pristine ng-valid ng-touched"><option value="? undefined:undefined ?"></option>
        <option ng-selected="true" ng-value="1" value="1" selected="selected">Active</option>
        <option ng-value="2" value="2">Discontinued</option>
        <option ng-value="3" value="3">Special Order</option>       
        <option ng-value="4" value="4">Pre-Order</option>   
        </select>

我希望不会产生这个：

<option value="? undefined:undefined ?"></option>

此外，我不想使用角度来生成下拉列表，但如果这是我唯一的选择。仅当我将此字段设置为ng-model时才会发生这种情况。我将其设置为ng-model，因为我想使用angular来提交表单。

提前致谢。

Answer 1

设置$scope.formData.inventory_status = 1或您想要选择的任何值，它不会显示空选项，如果您设置了值，则不需要ng-selected。

防止Angular中的空白选择

1 个答案: