如何根据选择的一列动态更新表中特定行的值？

Question

我正在使用角度formarray来遍历数据。当我在第3列数据中选择一个下拉列表时，该表具有4列，我希望这些列填充在第4列。这可以实现，但是当我尝试在第二行中选择另一个下拉菜单时，第一行的数据也会被擦除。我只需要为该特定行更新数据。

在它下面的formarray

UserSerializer

及其下面的功能根据第3列选择生成数据。

<tbody formArrayName="idsDetails" *ngFor="let idsDetail of boothData.get('idsDetails')['controls']; let i = index;"
style="text-align:center">
<tr [formGroupName]="i">
<td width="25%" *ngIf="isPresent1"> <input formControlName="idsUnit" class="form-control" readonly></td>
<td width="25%" *ngIf="isPresent2"> <input formControlName="idsUnit" class="form-control" [(ngModel)]="idsUnitEntered"
readonly></td>
<td width="25%">
<ngx-select [items]="portNos" placeholder="Select Port No" formControlName="idsPortNo">
</ngx-select>
</td>
<td width="20%">
<ngx-select [items]="deviceList" placeholder="Select Equipment" formControlName="idsEquipment" (select)="onEquipmentSelect($event,i)">
</ngx-select>
</td>
<td width="20%">
<ngx-select [items]="equipmentData" placeholder="Select Equipment" formControlName="idsEquipmentNo">
</ngx-select>
</td>
</tr>
</tbody>