如何在角度中动态设置选择选项中的值

Question

我有如下选择选项

<div class="input-field col width">
  <select name="GENDER" class="genderSelect" ng-model="view.activeResource.ValueType" ngModel>
    <option value="" disabled selected>Choose your option</option>
    <option value="male">Male</option>
    <option value="female">Female</option>
    <option value="other">Other</option>
  </select>
  <label>Gender</label>
</div>

现在，当我想保存数据时，我所做的就是保存数据。我面临的问题是为此选择选项设置了相同的保存值。 我能够得到我的价值，但是仅仅设置相同的价值对我来说是行不通的。如果尝试使用jquery设置值，则当我再次单击保存按钮时，数据将变为空值。

不确定使用angular设置值的正确方法是什么。

Answer 1

您可以在每个选项中使用[selected]属性将它们的值与您保存的值进行比较。

<option value="male" [selected]="savedGenderExample === 'male'">Male</option>