从HostListener事件

Question

我正在使用棱角4并且很新。我使用模板驱动的表格。我有一个表单字段，我有一些模式匹配。所以我注册了一些事件，如

@HostListener('blur', ['$event'])
    onBlur(event) {
        // this.validateFormControl.markAsTouched();
        console.log(event);
        console.log(this.elementRef)
console.log(this.elementRef.nativeElement)

我想检查其中的表单元素的状态是有效还是无效，并根据内部的某些条件进行一些额外的检查并将表单元素设置为无效。如何从此函数内部将表单元素设置为无效。

Answer 1

与Template Driven Forms相比，

Reactive Forms非常有限，我强烈建议使用后者，因为它背后有强大的API。

但是，如果您确实需要使用Template Driven Forms进行修改以添加一些自定义验证，则可以尝试使用表单元素的setCustomValidity和checkValidity方法。

我不建议为Template Driven Forms创建任何编程验证，因为这不是最初设计的方式，而是使用Reactive Forms并阅读this guide。