Question

我有一个表有3行，

<tr *ngFor="let data of datas; let i = index" (click)="getSupplier(data.id)">
    <td>{{ data.name}}</td>
    <td>{{ data.id}}</td>
    <td>
       <select [disabled]="i == selectedRow? false : true">
          <option *ngFor="let supplier of supplierData">{{supplier.supplierName}}</option>
       </select>
     </td>
 </tr>

在页面加载期望选择下拉列表中，所有其他数据均正确填充，并且一旦用户单击该行，则应在相应数据中填充选择下拉列表。

以下是用于填充选择下拉列表的代码：

getSuppliers(id){
  this._BOMService.getSupplier(id).subscribe(data => this.supplierData = data);

}

但是，一旦用户单击该行，表中的所有其他行也会填充数据，这是不应该发生的。

请帮助我指导如何解决此问题，以便选择下拉列表的数据仅适用于所选行。

Answer 1

可以将所选行分配给i吗？

    <tr *ngFor="let data of datas; let i = index" (click)="selectedRow=i;getSupplier(data.id)">
    //code
    </tr>

如何获取角度4中表的特定行的数据

1 个答案: