如何在路由器鏈路上使用ngIf？

Question

我需要在某些頁面上顯示某些內容，而在其他頁面中則不應該顯示該內容。我如何實現它？這是行不通的

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

Answer 1

您可以從'@ angular/router'注入路由器並獲取c urrent路線你在。

例如：

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

    } 
} 

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

</div> 

Answer 2

例如，鏈接，登錄名和隱藏當用戶登錄，而不是顯示註銷鏈接

.TS

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

模板

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