Угловое изменение элемента в Ngfor внутри таблицы - PullRequest
Новая
       10

Угловое изменение элемента в Ngfor внутри таблицы

0 голосов
/ 30 апреля 2019

Привет, у меня есть таблица, где я хочу изменить элемент в таблице.

Вот мой код. Я хочу изменить цвет автомобиля, а затем обновить его. Если я буду следовать моему коду, 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>

Edit:

вот файл ts, который, я надеюсь, отправит обновленную версию моего автомобильного объекта 

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

1 Ответ

0 голосов
/ 30 апреля 2019

На самом деле вам не нужен атрибут 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>
...