calling the service method for the API

login.component.ts

export class LoginComponent implements OnInit, OnDestroy {

  login_form!: FormGroup;

  // Subscription
  private initiate_login_sub!: Subscription;

  constructor(
    private global_utilities: AppUtilityService
  ) { }

  ngOnInit(): void {
    this.login_form = new FormGroup({
      username: new FormControl('', [Validators.required]),
      password: new FormControl('', [Validators.required])
    });
  }

  initiateLogin(){
    this.initiate_login_sub = this.global_utilities.login(this.login_form.value).subscribe(
      (data)=>{
        this.global_utilities.navigateToURL('/secure');
      },
      (error)=>{
        //TODO
      }
    );
  }

  ngOnDestroy(): void{
    this.global_utilities.unsubscribeAll([
      this.initiate_login_sub
    ]);

  }

}