Как обновить модель модели при размытии в angular 2

Ответ 1

В Angular 2 вы можете использовать собственные события DOM

<input (blur)="someMethod()" />

Теперь просто определите метод, который делает то, что вам нужно, когда поле размыто.

Ответ 2

Несмотря на то, что это очень старый поток, теперь есть очень аккуратное решение, которое поставляется с Angular5.

Вы запускаете обновление при размытии следующим образом:

Формы, управляемые Tempalte:

<input [(ngModel)]="lastname" [ngModelOptions]="{ updateOn: 'blur' }">

Реактивные формы:

this.nameForm = new FormGroup ({
  firstname: new FormControl('', {
    validators: Validators.required,
    updateOn: 'submit'
  }),
  lastname: new FormControl('', {
    validators: Validators.required,
    updateOn: 'submit'
  })
});

(вы можете выбрать submit или blur как значения)

Ссылка: https://medium.com/codingthesmartway-com-blog/angular-5-forms-update-9587c3735cd3