Передал параметр в опорную модель в Angular?

Question

Я перебираю массив JSON-объектов и хотел бы обновить значение элемента при изменении поля ввода.Я передал элемент, на который он должен ссылаться, внутри вызова функции, но кажется, что модель не обновляется вместе с ним.Фрагменты моего кода можно увидеть ниже:

peopleObject = [
  {name: "Alice", address: "Tokyo", isModified: false},
  {name: "Bob", address: "Manila", isModified: false}
]
formModified(isModified): void {
  isModified = true;
}

<div *ngFor="let person of peopleObject; let i=index">
  <input [(ngModel)]="person.name" (ngModelChange)="formModified(person.isModified)" placeholder="{{person.name}}" class="form-control">
  <input [(ngModel)]="person.address" (ngModelChange)="formModified(person.isModified)" placeholder="{{person.address}}" class="form-control">
  <button (click)="savePersonDetails(person.name)" [disabled]="!person.isModified">Save</button>
</div>

Answer 1

Если вы пытаетесь подписаться на изменение ввода.Вы можете реализовать это следующим образом:

<input [ngModel]="person.name"                             // Property Binding; Removing the event binding ()
       (ngModelChange)="person.isModified = true"   // Event Binding; directly change the person.isModified to true w/o calling the function
       [placeholder]="person.name"                         // You can also use property binding here [] if you have a dynamic value to assign
       class="form-control">

Создал для вас ссылку Stackblitz .

Имя по умолчанию: Алиса, когда я добавил'- его isModified изменяется на true