
import { AuthService } from 'ng2-ui-auth';
import { Component, OnInit, OnChanges } from '@angular/core';
import { Router } from '@angular/router';

import { LogoutService } from './../shared/logout.service';
import { Logout } from '../loginComponents/logout';
import { TrackLoginService } from './../shared/track-login.service';
import { UserService } from './../loginComponents/user.service';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css'],
})
export class NavbarComponent extends Logout {
  private user;
  constructor (trackLoginService: TrackLoginService, logoutService: LogoutService, router: Router, userService: UserService) {
    super(trackLoginService, logoutService, router);
    userService.user$.subscribe(user => {
      this.user = user;
    });
  }
}


import { AuthService } from 'ng2-ui-auth';
import { Component, OnInit, OnChanges } from '@angular/core';
import { Router } from '@angular/router';

import { LogoutService } from './../shared/logout.service';
import { Logout } from '../loginComponents/logout';
import { TrackLoginService } from './../shared/track-login.service';
import { UserService } from './../loginComponents/user.service';

@Component({
  selector: 'app-navbar',
  templateUrl: './navbar.component.html',
  styleUrls: ['./navbar.component.css'],
  providers: [UserService]
})
export class NavbarComponent extends Logout {
  private user;
  constructor (trackLoginService: TrackLoginService, logoutService: LogoutService, router: Router, userService: UserService) {
    super(trackLoginService, logoutService, router);
    userService.getUser().subscribe(user => {
      this.user = user;
    });
  }
}

--- 
+++ 
@@ -12,13 +12,12 @@
   selector: 'app-navbar',
   templateUrl: './navbar.component.html',
   styleUrls: ['./navbar.component.css'],
-  providers: [UserService]
 })
 export class NavbarComponent extends Logout {
   private user;
   constructor (trackLoginService: TrackLoginService, logoutService: LogoutService, router: Router, userService: UserService) {
     super(trackLoginService, logoutService, router);
-    userService.getUser().subscribe(user => {
+    userService.user$.subscribe(user => {
       this.user = user;
     });
   }
Fix for username not always showing up
