angular - 如何在角度 2 中对模糊进行表单模型更新

Question

在角度 2 中是否有与此等价的内容？

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

谢谢

Answer 1

在 Angular 2 中，您可以使用原生 DOM 事件

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

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

Answer 2

尽管这是一个非常古老的线程，但现在 Angular5 提供了一个非常简洁的解决方案。

您可以像这样触发模糊更新：

模板驱动形式：

<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