如何以角度动态设置选择选项中的值答案

【问题标题】：How to set value in select option dynamically in angular如何以角度动态设置选择选项中的值
【发布时间】：2020-02-21 03:07:55
【问题描述】：

我有一个选择选项如下

<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 的同时使用 jQuery？可能您应该阅读有关数据绑定的信息：link
您在使用 AngularJs 对吗？ “ng-model”是AngularJs时代的形式。在 Angular 中你想使用 [ngModel]="view.activeResource...." 请添加你的组件的 JavaScript 代码。

标签： node.js angularjs typescript materialize

【解决方案1】：

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

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

【讨论】：