Hide and Show angular 4 component depending on route

Question

Hi there Im not sure if this is possible... basically I want to be able to show a component but only if the route matches and hide a component if the route matches Ive tried thi

Answer 1

check the router.url in the template:

 //component I want hidden unless url /home

in app.component.ts inject the router.

export class AppComponent {
  title = 'app';
  router: string;

  constructor(private _router: Router){

          this.router = _router.url; 
    }
}