Question

我有一个表格，我正在使用选择列表。我正在尝试根据可变数据选择值。

$scope.auto = "6";
<div class="form-group" ng-class="{ 'has-error' : errorsex }">    
        <select id="sex" name="sex" class=" selector form-control" ng-model="formData.sex" required="required"> 
          <option value="Female"  ng-if= "auto == 6" ng-selected="selected">Female</option>
          <option value="Male" ng-if= "auto == 1" ng-selected="selected">Male</option>

        </select>
<span class="errorba" ng-show="formData.errorName">{{ formData.errorsex }}</span>
</div>

上面代码的问题是这个选择框加载为空。如果我改变这样的代码。

 <option value="Female"  ng-if= "auto == 6" selected="selected">Female</option>
 <option value="Male" ng-if= "auto == 1" selected="selected">Male</option>

它显示得很好但是当我提交表格时它不存在。我不知道为什么。

Answer 1

你有两种实现方式： 1.条件句柄：

 <option value="Female"   ng-selected="auto == 6">Female</option>
 <option value="Male"  ng-selected="auto == 1">Male</option>

2.in controller：

$scope.auto == 6 ? $scope.formData.sex="Female" : $scope.auto==1 ? $scope.formData.sex="male":"";

Answer 2

如果ng-selected属性中的表达式返回true，则将选择该选项。语法是：

<option ng-selected="expression"></option>

在Angular 1中选择的选项

2 个答案: