mean-guide-frontend/src/app/header/header.component.ts

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 9.1.1.

import { Component, OnInit, OnDestroy } from '@angular/core';
import { AuthService } from '../auth/auth.service';
import { Subscription } from 'rxjs';

@Component({
  selector: 'app-header',
  templateUrl: './header.component.html',
  styleUrls: ['./header.component.css']
})
export class HeaderComponent implements OnInit, OnDestroy{

  constructor(private authService: AuthService){}

  private authListenerSubscription: Subscription
  userAuthenticated: boolean = false

  ngOnDestroy(): void {
    this.authListenerSubscription.unsubscribe()
  }
  ngOnInit(): void {
    this.userAuthenticated = this.authService.getIsAuthenticated()
    this.authListenerSubscription = this.authService.getAuthStatusListener()
    .subscribe(isAuthenticated => {
      this.userAuthenticated = isAuthenticated
    })
  }

  onLogout(){
    console.log('logout')
    this.authService.logout()
  }

}