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

发布时间：2020-12-17 07:18:17 所属栏目：安全来源：网络整理

导读：为了拥有一个可以监听其包含的表单的有效性状态的变化的组件并执行某些组件的方法,是 reactive forms的方法吗？使用templateRef(例如[disabled] =“#myForm.invalid”)很容易禁用模板中的提交按钮,但这不涉及组件的逻辑. 看着template forms’ doc我找不到

为了拥有一个可以监听其包含的表单的有效性状态的变化的组件并执行某些组件的方法,是 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!