Angular 2.0 中的模型驱动表单验证问题

Question

在 Angular 2.0 中，我有使用 Form Builder 的模型驱动表单，

 ngOnInit() {
    this.user = this.fb.group({
        id: ['', [Validators.required, Validators.minLength(2)]],
        name: ['', [Validators.required, Validators.minLength(5)]]
    });
    
    this.user.get('id').valueChanges.subscribe(value => {
                alert("Change detected); 
                });
}

在 HTML 中我有：

<input   type="text" formControlName="id" >

但是发生的情况是，对于我在文本框中更改的每个字母，alert("Change detected"); 都会被解雇，而在制表符之后，我只需要调用 alert("Change detected")。我知道在 Angular 1.x 中可以通过使用 ng-model-options 来实现这一点，但如何在 Angular 2.0 中实现同样的效果？

Answer 1

您可以绑定到 onblur 处理程序

<input type="text" formControlName="id" (blur)="onBlur()">

在课堂上

onBlur(){
  alert("Change detected");  
}