如何隱藏來自不同分量的角4

顯示菜單在我的應用程序組件我有三個成分 -如何隱藏來自不同分量的角4

app.component.html

<app-header></app-header> 
<router-outlet></router-outlet> 
<app-footer></app-footer>

在我app-header組件我有一個導航欄與一些導航鏈接，我想隱藏顯示一些基於用戶登錄狀態的鏈接。

APP-header.component.html

<nav> 
    <ul class="nav navbar-nav navbar-right" > 

    <li><a class="white" routerLink="/register"> Register</a></li> 

    <li><a class="white" routerLink="/login"> Login</a></li> 

    <li (click)="onLogOut()"><span> LogOut</span></li> 

    </ul> 
</nav>

我存儲上LocalStorage令牌時用戶登錄，所以如果有此標記有一定的價值，然後我想隱藏登錄和註冊自鏈接app-header component.我該如何實現這一目標，因爲這些鏈接處於組件中。並且我將令牌存儲在不同的組件中

請建議我如何實現此目的。

來源

2017-06-01 krishna

你可以用ngIF來做。

<app-header *ngIf != "localStorage.getItem("token") == ''"></app-header>

或

你可以在你的組件聲明一個變量，與localStorage.getItem檢查（「令牌」）。基於分配這個真或假。

來源

2017-06-01 20:47:30

我想只隱藏鏈接不是我的應用程序，hader成分，這種成分是不<路由器出口的一部分> < /路由器出口> 所以，如果我指定的值將無法正常工作，因爲它不會加載每次 – krishna

我不確定您的問題。但是你可以在任何組件中使用localStorage.getItem（「token」）。 –

如何隱藏來自不同分量的角4

回答

相關問題