时间戳

首页 > 解决方案 > 如何使用隐藏在 Angular FormBuilder 中的输入类型？

angular-reactive-forms - 如何使用隐藏在 Angular FormBuilder 中的输入类型？

问题描述

我正在使用 Angular CLI 9.0.7 运行应用程序。在这个应用程序中，我使用 FormBuilder 来隐藏两个类型的输入字段。当我运行应用程序时，我收到消息：

错误：找不到名称为“codigoIbgeMunicipioForm”的控件

在此处输入图像描述

如何使用隐藏在表单中的输入？

这是我定义输入隐藏字段的组件源代码。


  private adicionarEnderecoFormGroup(): FormGroup {
    return this.formBuilder.group({
      cepForm: ['', [Validators.required, CepValidator.cepValido]],
      numeroEnderecoForm: ['', Validators.required],
      complementoForm: [''],
      tipoLogradouroForm: ['', Validators.required],
      logradouroForm: ['', Validators.required],
      bairroForm: ['', Validators.required],
      cidadeForm: ['', Validators.required],
      estadoEnderecoForm: ['', Validators.required],
      codigoIbgeMunicipioForm: [''], // <- look the field id defined here
      paisForm: ['BR'], // <- this field is hidden type too
    }, { validators: LojistaEnderecoValidator.enderecoDuplicado(this.enderecos) });
  }

这是我的 Html 文件

            <div FormGroupName="enderecoFormGroup">
                <input formControlName="codigoIbgeMunicipioForm" id="codigoIbgeMunicipioForm" type="hidden" />
                <input formControlName="paisForm" id="paisForm" type="hidden" />

标签： angular-reactive-forms

解决方案

我没有发现什么问题，所以我从项目中删除了该组件，再次创建了该组件，将代码粘贴回来，编译并且它工作......

奇怪，但它奏效了。

推荐阅读