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

Posted 2023-02-22

【中文标题】如何将值绑定到角度下拉列表以编辑某些数据

【英文标题】：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 但我不能这样做，总是只向我显示列表中的第一项 现在我该怎么做？

【参考方案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。