Jak * ngIf na łączu routera?

Question

Potrzebuję pokazać niektóre treści na określonej stronie, na innych stronach nie powinny być widoczne. Jak to osiągnąć? nie działa

*ngIf="[routerLink]="['/home']"

Answer 1

Możesz wprowadzić Routera z '@ kątowego/routera' i uzyskać c wybrana trasa.

Na przykład:

// mycomponent.component.ts 
class MyComponent { 
    constructor(public router: Router) { 

    } 
} 

// mycomponent.component.html 
<div *ngIf="router.url === '/some/route'"> 

</div> 

Answer 2

na przykład link do logowania i ukryty, gdy użytkownik zalogowany, zamiast wyświetlania łącza wylogowania

.ts

isLoggedIn: boolean = false; 
// when you login successful, the isLoggedIn set to true 

w szablonie

<a *ngIf="!isLoggedIn" [routerLink]="['/login']">Login</a> 
<a *ngIf="isLoggedIn" [routerLink]="['/logout']">Logout</a>