App component for Angular App, calling web API on ngOnInit

app.component.ts

import { Component, OnInit } from '@angular/core';
import { AuthService } from './auth.service';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
  title = 'SecureApp';
  
  constructor(private authService: AuthService, private http: HttpClient) { }

  ngOnInit() {
    this.authService.initializeAuth();
    let endpoint = "https://localhost:44389/weatherforecast";

    this.http.get(endpoint).toPromise()
      .then(data => {
          console.log(data);
          alert(JSON.stringify(data));
      });
  }

  login() {
    this.authService.logIn();
  }

  logOut() {
    this.authService.logOut();
  }
}