angular中使用FormBuilder中的两个参数的验证器总是以错误“Cannot read property”companyForm of undefined“”结束。“

问题描述： 在Angular中使用FormBuilder中的两个参数的验证器总是以错误“Cannot read property 'companyForm' of undefined”结束。

解决方案： 这个错误通常是由于在使用FormBuilder时没有正确初始化表单对象引起的。在使用FormBuilder之前，需要先创建一个FormGroup对象，并将其赋值给组件中的一个属性，例如companyForm。

以下是解决该问题的步骤：

1. 在组件中导入FormBuilder和FormGroup：

import { FormBuilder, FormGroup } from '@angular/forms';

1. 在组件类中定义一个FormGroup属性companyForm，并在构造函数中使用FormBuilder初始化它：

export class YourComponent {
  companyForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.companyForm = this.formBuilder.group({
      // 在这里定义表单控件
    });
  }
}

1. 确保在模板中正确绑定表单对象。例如，使用formGroup指令将表单对象绑定到表单元素：

<form [formGroup]="companyForm">
  <!-- 在这里添加表单控件 -->
</form>

1. 确保在使用FormBuilder中的验证器时，正确引用companyForm属性。例如，使用companyForm.get()方法获取表单控件，并在其上应用验证器：

this.companyForm.get('controlName').setValidators([validator1, validator2]);

请注意，上述代码中的'controlName'应替换为实际的表单控件名称，validator1和validator2应替换为实际的验证器。

总结： 在使用FormBuilder时，需要先创建一个FormGroup对象并将其赋值给组件中的一个属性。然后，确保在模板中正确绑定表单对象，并在使用FormBuilder中的验证器时正确引用表单对象的属性。这样就可以避免“Cannot read property 'companyForm' of undefined”错误的发生。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
• 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
• 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
• 腾讯云元宇宙：https://cloud.tencent.com/product/tencent-metaverse