如何使用隐藏在 Angular FormBuilder 中的输入类型？答案

【问题标题】：How to use input type hidden in Angular FormBuilder?如何使用隐藏在 Angular FormBuilder 中的输入类型？
【发布时间】：2025-11-28 16:30:01
【问题描述】：

我正在使用 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

【解决方案1】：

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

奇怪，但它起作用了。

【讨论】：