Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

473
Vistas
TS2304: Cannot find name 'FormGroup'

It says Cannot find name 'FormGroup' in TS file : I have done everything correctly can someone help me on this code, i have donnw what's wrong with this code . TS code

import { Component, OnInit } from '@angular/core';
import { FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-register-form',
  templateUrl: './register-form.component.html',
  styleUrls: ['./register-form.component.css']
})
export class RegisterFormComponent implements OnInit {
     userForm: FormGroup;
  constructor(private formBuilder: FormBuilder) { }

  ngOnInit(): void {
      this.userForm = this.formBuilder.group({
      firstName: ['', [Validators.required, Validators.pattern('^[a-zA-Z]+$')]],
      lastName: ['',[Validators.required, Validators.pattern('^[a-zA-Z]+$')]],
      email: ['', [Validators.required, Validators.email]]
    });
    
  }
     onSubmit(){
    if(this.userForm.valid){
      alert('User form is valid!!')
    } else {
      alert('User form is not valid!!')
    }
  }
}


My html code :

<form [formGroup]="userForm" (ngSubmit)="onSubmit()" class="text-center border border-light p-5">

<p class="h4 mb-4">Sign up</p>
<div class="form-group col">
    <div class="form-row">
        <div class="form-row mb-4">
          
                  <div class="col">
                      <input type="text" formControlName="firstName" id="defaultRegisterFormFirstName" class="form-control" placeholder="First name">
                  </div>
                  <div class="col">
                      <input type="text" formControlName="lastName" id="defaultRegisterFormLastName" class="form-control" placeholder="Last name">
                  </div>
        </div>
    </div>
</div>
  <input type="email" formControlName="email" id="defaultRegisterFormEmail" class="form-control mb-4" placeholder="E-mail">

  <button class="btn btn-info my-4 btn-block" type="submit">Sign in</button>

  <hr>

</form>

found this problem in many questions in stackoverflow but no luck. Please help me for figuring out what I am doing wrong

over 4 years ago · Santiago Trujillo
2 Respuestas
Responde la pregunta

0

I don't know if this is all your code but maybe you are missig this import because I don't see it ?

import {FormControl, FormGroup} from '@angular/forms';
over 4 years ago · Santiago Trujillo Denunciar

0

You should init formbuilder after view loaded.

    import {FormControl, FormGroup} from '@angular/forms';

 ngAfterViewInit(){
       this.userForm = this.formBuilder.group({
          firstName: ['', [Validators.required, Validators.pattern('^[a-zA-Z]+$')]],
          lastName: ['',[Validators.required, Validators.pattern('^[a-zA-Z]+$')]],
          email: ['', [Validators.required, Validators.email]]
        });
    }
over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda