Question

在Angular 2.0中，使用表单生成器的模型驱动表单，我有，

 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");文本框中更改的每个字母都被解雇了，而只是在tabout后我才需要调用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");  
}

角度2.0中的模型驱动形式验证问题

1 个答案: