Je souhaite donc faire disparaître un élément d'ancrage sur mon en-tête lorsqu'une page spécifique est affichée. Comment puis-je attraper l'URL dans le * ngIf lorsque cette page est affichée.
J'ai un en-tête qui restera le même pour toutes les pages. Juste besoin de cacher un élément d'ancrage lorsque je suis routé à/home. Comment attraper ce "/ home" dans * ngIf?
* ngIf = "href = '/ home'" ne fonctionne pas. Des alternatives?
//mycomponent.component.ts
class MyComponent {
constructor(private router: Router){
}
}
//mycomponent.component.html
<div *ngIf="router.url === '/some/route'">
</div>
Vous pouvez vérifier le chemin de la route en cours à l'aide de la méthode location.path()
et décider si la route /home
est activée ou non.
*ngIf="isHomeRouteActivated()"
Code
//Inject `Location` dependency before using it
isHomeRouteActivated(): boolean{
//Find more better way to do it.
return this.location.path().indexOf('/home') > -1;
}