How do i fix this error. i am getting error on this line " registrationForm : FormGroup;"

Question

***Error: src/app/r-form-example/r-form-example.component.ts:11:3 - error TS2564: Property 'registrationForm' has no initializer and is not definitely assigned in the constructor.

11 registrationForm : FormGroup;

The above error i am getting.

---

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

@Component({
  selector: 'app-r-form-example',
  templateUrl: './r-form-example.component.html',
  styleUrls: ['./r-form-example.component.css']
})
export class RFormExampleComponent implements OnInit {

  registrationForm : FormGroup;

  constructor( private fb : FormBuilder) {
   }

  ngOnInit(): void {
    // this.registrationForm = new FormGroup({
    //   'firstName': new FormControl(),
    //   'lastName': new FormControl(),
    // })
    this.registrationForm = this.fb.group({
      'firstName': new FormControl(),
      'lastName':new FormControl()
    });
  }
  
  addRegistration(){
    console.log(this.registrationForm.value);
  }

}

Answer 1

on your typescript settings - you can't declare variable without assign value to it (when you declare it or in the constructor..). you can declare it like this :

 registrationForm!: FormGroup

or assign the value in the constructor