如何使用Angular FormBuilder中隐藏的输入类型?

问题描述 投票:0回答:1

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

错误:找不到名称为'codigoIbgeMunicipioForm']的控件>

enter image description here

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

这是我的组件源代码,在其中定义了输入隐藏字段。


  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 CLI 9.0.7运行应用程序。在此应用程序中,我使用FormBuilder来隐藏两个类型的输入字段。当我运行应用程序时,我收到消息:错误:找不到...

angular-reactive-forms
1个回答
0
投票

我没有发现什么问题,所以我从项目中删除了该组件,再次创建了该组件,将代码粘贴回去,编译后就可以了...

© www.soinside.com 2019 - 2024. All rights reserved.