如何将值绑定到角度下拉列表以编辑某些数据答案

【问题标题】：How to bind value to dropdown in angular for edit some data如何将值绑定到角度下拉列表以编辑某些数据
【发布时间】：2021-12-06 06:52:02
【问题描述】：

我有一个用数组填充的下拉菜单。当我点击表格中的行进行编辑时，我会在对话框中加载 local_data

现在我希望我的下拉列表值显示在用户已经选择并保存的值上这是我的下拉列表

<div class="col-lg-6 col-md-8 d-flex">
  <select formControlName="personName">
    <option *ngFor="let mypersonName of dataArray" value="mypersonName.id">{{mypersonName.personName}}</option>
  </select>
</div>

我希望我的下拉列表设置为 local_data.id 但我不能这样做，总是只向我显示列表中的第一项现在我该怎么做？

【问题讨论】：

标签： angular angular-material angular-directive

【解决方案1】：

使用这个

<option *ngFor="let mypersonName of dataArray" 
[selected]="mypersonName.id === 'specificId'" 
[value]="mypersonName.id">
{{mypersonName.personName}}
</option>

【讨论】：

【解决方案2】：

问题是您将选项的值设置为字符串“mypersonName.id”。但相反，您想将实际 id 分配给该值。您可以通过使用数据绑定（方括号）来实现这一点

<option *ngFor="let mypersonName of dataArray" [value]="mypersonName.id">
  {{mypersonName.personName}}
</option>

您可以阅读更多关于它的信息here。

【讨论】：