involingupdateValueAndValidity时停止重新验证表单

Question

我有一个反应式表单，其中编写了一种方法，以在用户想要添加第二个电话号码并且动态添加验证时显示另一个文件。

代码如下：

toggle() {
    const secondaryPhoneNumber = this.customerForm.get('secondaryPhoneNumber');
    if (this.visible) {
      this.show = true;
      secondaryPhoneNumber.setValidators(Validators.pattern('[0-9]{10}'));
    } else {
      secondaryPhoneNumber.clearValidators();
    }
    secondaryPhoneNumber.updateValueAndValidity();
    this.visible = !this.visible;
  }

但是secondaryPhoneNumber.updateValueAndValidity();行正在触发整个表单验证。我不要我只想在单击“提交”按钮时验证整个表单，而不在调用toggle（）时验证整个表单。我怎样才能做到这一点？

在点击电话图标之前：

单击电话图标后，将触发整个表单验证。我需要停止该操作，直到单击“提交”按钮为止：

谢谢。