1
resposta

Erro para validaçao do form com ReactiveFormsModule

Estou tentando validar meu form, mas estou tomando esse erro no console

ERROR Error: No value accessor for form control with name: 'addName'

esse é meu template

<form
  class="add-user-box-el"
  (submit)="handleAddUser($event)"
  [formGroup]="addForm"
>
  <input formControlName="addName" />
  <input formControlName="addUsername" />
  <input formControlName="addEmail" />
  <div>
    <app-button theme="primary" type="submit">
      Adicionar
    </app-button>
    <app-button theme="secondary" [onClick]="toggleModal()">
      Cancelar
    </app-button>
  </div>
</form>

E aqui meu componente

export class AddUserComponent implements OnInit {
  addForm: FormGroup;

  constructor( private formBuilder: FormBuilder) {}

  ngOnInit(): void {
    this.addForm = this.formBuilder.group({
      addName: ['', Validators.required],
      addUsername: ['', Validators.required],
      addEmail: ['', Validators.required]
    });
  }
}
1 resposta

Fala ai Thais, tudo bem? Estranho, seu código parece estar ok, pode ser que tenha mais coisas que estão causando esse erro.

Sendo assim, consegue compartilhar seu projeto completo? Assim eu consigo simular o problema por aqui e analisá-lo com mais calma.

Pode compartilhar através do Github ou Google Drive (zipado).

Espero ter ajudado.