Как использовать тип ввода, скрытый в Angular FormBuilder? - PullRequest
Новая
       4

Как использовать тип ввода, скрытый в Angular FormBuilder?

0 голосов
/ 09 апреля 2020

Я запускаю приложение, используя 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" />

1 Ответ

0 голосов
/ 12 апреля 2020

Я не нашел, что было не так, поэтому я удалил компонент из проекта, снова создал компонент, вставил код обратно, скомпилировал и все заработало ...

Странно, но это сработало.

...