angular 绑定到 table 个 select 个标签 - 如何获取值？

Question

我有一个 table，其中每个 table 行都有一个 select 标签，我很快意识到我不能使用 ngModel，至少不能像你使用它的方式那样单个 select。

是否可以使用 angular 绑定到每个 select，并获得用户 selected 选项/值？

谢谢

<tr *ngFor="let item of owner; let i = index">
<td>{{i + 1}}</td>
<td>
    <select [(ngModel)]="selectedId" class="form-control">
        <option *ngFor="let brand of brands" [value]="brand.Id">
        {{ brand.name | titlecase }}</option>
    </select>
</td>

Answer 1

像这样使用 [selected] 属性，

而不是 [ngModel]。

希望对您有所帮助

Answer 2

为获得预期结果，请将索引值附加到 ngModel 以区分每个下拉菜单，而不是对所有下拉菜单使用相同的 ngModel

<tr *ngFor="let item of owner; let i = index">
  <td>{{i + 1}}</td>
  <td>
    <select [(ngModel)]="selectedId[i]" class="form-control">
      <option *ngFor="let brand of brands" [value]="brand.Id">
        {{ brand.name | titlecase }}</option
      >
    </select>
  </td>
</tr>

代码示例 - https://codesandbox.io/s/wwnxyjrnr8

angular 绑定到 table 个 select 个标签 - 如何获取值？

angular bind to a table of select tags - how to get the value?

html

angular

angular5