angular 2.0中模型驱动的表单验证问题
在Angular 2.0中,使用form Builder的模型驱动表单angular 2.0中模型驱动的表单验证问题,angular,angular2-forms,angular-validation,Angular,Angular2 Forms,Angular Validation,在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').va
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" >
但是,对于文本框中我更改的每个字母,
警报(“检测到的更改”)
被解雇了,而在tabout之后,我只需要调用警报(“检测到更改”)
。我知道在Angular 1.x中可以通过使用ng模型选项来实现这一点,但在Angular 2.0中如何实现这一点?您可以绑定到onblur处理程序
在课堂上
onBlur(){
警报(“检测到变化”);
}
您可以绑定到onblur处理程序
在课堂上
onBlur(){
警报(“检测到变化”);
}
您在哪里编写此订阅?在ngOnInit()中。在ngOnInit()中编辑了您将此订阅写入何处的问题。编辑问题我需要导入任何东西来触发此模糊事件吗?因为在进行此更改后,onBlur函数根本不会触发。它会被触发。我需要导入任何东西才能触发此模糊事件吗?因为在做了这个更改之后,onBlur函数根本不会触发。它是在我身上触发的