将函数绑定到Angular 2中的无效输入FormControl

时间:2016-12-06 01:09:07

标签: angular angular2-forms

摘要

我正在使用验证模式创建FormControl。当模式无效时,我想调用一个函数,该函数将显示与正在抛出的错误相关联的错误消息。

示例

ngOnInit() {
        this.personalForm = new FormGroup({
            email : new FormControl(this.auth.user.email,Validators.required ),
            first_name: new FormControl(null,[
                Validators.required,
                Validators.pattern("^[a-zA-Zñáéíóúü']{1,30}$")
            ]),
        });
    }

输入字段无效时调用的函数。

showError();

问题

是否可以在抛出错误时调用函数并在输入字段无效时检索错误?

1 个答案:

答案 0 :(得分:0)

使用statusChanges的{​​{1}}(有效或无效)或valueChanges事件执行此操作:

FormGroup