Angular Typed Forms - https://blog.angular-university.io/angular-typed-forms

01.ts

@Component({
  selector: 'login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent {

   form = this.fb.group({
      email: ["", {
        validators: [Validators.required, Validators.email]
      }],
      password: ['', [Validators.required, Validators.minLength(8)]]
   });

  constructor(private fb: FormBuilder) {

  }

  login() {

  }
}

02.ts

@Component({
  selector: 'login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {

   form:FormGroup;

  constructor(private fb: FormBuilder) {
  }

  ngOnInit() {
    this.form = this.fb.group({
      email: ["", {
        validators: [Validators.required, Validators.email]
      }],
      password: ['', [Validators.required, Validators.minLength(8)]]
    });
  }
}

03.ts

form: FormGroup<{
  email: FormControl<string | null>,
  password:FormControl<string | null>
}>;

04.ts

form = new FormGroup({
  email: new FormControl<string | null>("", {
    validators: [Validators.required, Validators.email]
  }),
  password: new FormControl<string | null>("",
    {
      validators: [Validators.required, Validators.minLength(8)]
    }),
});
  
  

05.ts

form = new FormGroup({
  email: new FormControl<string | null>("", {
    validators: [Validators.required, Validators.email],
    nonNullable: true
  }),
  password: new FormControl<string | null>("",
    {
      validators: [Validators.required, Validators.minLength(8)]
    }),
});

      

06.ts

form = this.fb.group({
  email: this.fb.nonNullable.control("", {
    validators: [Validators.required, Validators.email],
  }),
  password: ['', [Validators.required, Validators.minLength(8)]]
});

07.ts

reset() {

  this.form.reset();

  console.log(this.form.value);

}

08.ts

@Component({
  selector: 'login',
  templateUrl: './login.component.html',
  styleUrls: ['./login.component.css']
})
export class LoginComponent {

   form = this.fb.group({
      email: ["", {
        validators: [Validators.required, Validators.email]
      }],
      password: ["", [Validators.required, Validators.minLength(8)] ]
    });;

  constructor(private fb: NonNullableFormBuilder) {
  }

}

09.ts

form =  new FormGroup({
  email: new FormControl<string | null>("", {
    validators: [Validators.required, Validators.email]
  }),
  password: new FormControl<string | null>("", {
    validators: [Validators.required, Validators.minLength(8)]
  })
});