Question

嗨，我有一个表，我想在其中更改表中的元素。

这是我的代码。我想更改汽车的颜色，然后更新它。如果我遵循我的代码，car.color保持不变。我尝试在输入类型中使用Ngmodel，但它会更改列表中的所有元素。

我该怎么办？

<tr *ngFor="let car of cars">
    <td><input type="text value="{{car.color}}"></td>
    <td>{{ car.brand }}</td>
    <td>{{ car.id }}</td>
    <td"><button type="button" (click)="onUpdateCar(car)"> update </button></td>
</tr>

编辑：

这是ts文件，我希望发送该文件的更新版本

onUpdateCar(car) {
      this.carService.updateCar(car).subscribe();
      }

Answer 1

您实际上并不需要文本框上的value属性，而是可以使用ngModel，如下所示：-

<tr *ngFor="let car of cars">
    <td><input type="text [(ngModel)]="car.color"></td>
    <td>{{ car.brand }}</td>
    <td>{{ car.id }}</td>
    <td"><button type="button" (click)="onUpdateCar(car)">Update</button></td>
</tr>

角度更改表中Ngfor中的元素

1 个答案: