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

【问题标题】：How to make form model update on blur in angular 2如何在角度 2 中对模糊进行表单模型更新
【发布时间】：2016-03-02 04:01:03
【问题描述】：

在 Angular 2 中是否有等价物？

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

谢谢

【问题讨论】：

标签： angular angular2-forms

【解决方案1】：

尽管这是一个非常古老的线程，但现在 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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

但我只想对输入进行双向数据绑定。如果我必须实现一个方法，它会为实现双向绑定增加更多开销。
@matthewdaniel，不知道你在问什么。如果您想要开箱即用的 2 路数据绑定，请使用 [(ngModel)]，如果您想要定义模糊处理程序，请使用 TGH 的方法。如果你想告诉ngModel 只更新模糊，...其实我也想知道。我不相信目前有办法做到这一点......很容易
Vue.js 的等价物是“惰性”绑定修饰符：v-model.lazy="myData"。在 Angular 2 中看到这一点会很棒。
我必须将 tabindex="0" 添加到 <input/> 才能使其正常工作。