角度绑定到选择标签表-如何获取值？

Question

我有一个表，该表的每个表行都有一个选择标签，并且很快意识到我不能使用ngModel，至少不能以单选的方式使用它。

反正有没有使用角度绑定到每个选择，并获得用户选择的选项/值？

谢谢

<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]属性，

{{brand.name | titlecase}}

代替[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