角度5模板形式检测形式有效性状态的变化

前端之家收集整理的这篇文章主要介绍了角度5模板形式检测形式有效性状态的变化前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为了拥有一个可以监听其包含的表单的有效性状态的变化的组件并执行某些组件的方法,是 reactive forms方法吗?

使用templateRef(例如[disabled] =“#myForm.invalid”)很容易禁用模板中的提交按钮,但这不涉及组件的逻辑.

看着template forms’ doc我找不到办法

如果您只想获取状态而不是值,则可以使用statusChanges
export class Component {
      @ViewChild('myForm') myForm;
       this.myForm.statusChanges.subscribe(
           result => console.log(result)
        );
    }

如果您甚至想要更改数据,您可以订阅表单的valueChanges并使用this.myForm.status检查表单的状态

export class Component {
  @ViewChild('myForm') myForm;
   this.myForm.valueChanges.subscribe(
       result => console.log(this.myForm.status)
    );
}

状态的可能值为VALID,INVALID,PENDING或DISABLED.

Here is the reference for the same

原文链接:https://www.f2er.com/angularjs/141561.html

猜你在找的Angularjs相关文章