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

The accepted answer didn't work, because i think the variable will be assigned only once, then when we navigate, that variable will not be updated (component already initialized).

here's how I did it.. We inject the router in the component we want to hide :

constructor(private _router: Router){}

then in our template :

  ... your component html ...