angular 2 - how to hide nav bar in some components

Question

I am created nav bar separately in nav.component.html ,how to hide nav bar in some components like login.component.

nav.component.html

Answer 1

You can use ngIF directive on components where nav is located

after you get the current route:

  this.router.events.subscribe(event => {
  if (event.constructor.name === "NavigationEnd") {
    this.name = (event).url.split("/").slice(-1)[0];
    this.isLogin = this.currentRoute === 'login';
  }
})