如何在 angular 中动态设置 select 选项中的值

Question

我有一个 select 选项如下

<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>

现在我所做的就是在我想保存的时候保存数据。我面临的问题是为此 select 选项设置相同的保存值。我能够获得我的价值，但仅设置相同的价值对我不起作用。如果尝试使用 jquery 设置值，那么当我再次单击保存按钮时，数据将变为空值。

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

Answer 1

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

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

如何在 angular 中动态设置 select 选项中的值

How to set value in select option dynamically in angular

node.js

materialize

angularjs

typescript