如何使角度2的模糊更新表单模型

Question

在角度2中是否有相当的效果？

ng-model-options="{ updateOn: 'blur' }"

由于

Answer 1

在Angular 2中，您可以使用本机DOM事件

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

现在，只需定义一个在字段模糊时执行所需操作的方法

Answer 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