Login Menu hide

I need to hide the login button based on login

1) Add this to your service provider:-

import { Subject } from 'rxjs/Subject';

public isLogged= new Subject();
setIslogged(value: boolean) {
this.isLogged.next(value); //it is publishing this value to all the subscribers that have already subscribed to this message
}

2) For Login Page ****

import your service for the login page

inside your login method after subscription/successfully login publish is logged variable

this.yourservice.setIslogged(true);

and in your logout method

this.yourservice.setIslogged(false);

3) In Your NavBar Component
import your service for the NavBar Component
declare variable
isLogin:any;

ngOnInit() {
this.yourservice.isLogged.subscribe(
(isLoggeduser) => {
this.isLogin= isLoggeduser;
}
);
}

add a condition with *ngIf="isLogin" in your login button