如何在Angular 4中隐藏不同组件的显示菜单

在我的应用程序组件中，我有三个组件-

app.component.html

当用户登录时，我正在

LocalStorage

上存储一个令牌，因此如果该令牌有一些值，那么我想隐藏

app header组件的登录和注册链接。

由于这些链接在heder组件中，我如何实现这一点。我将令牌存储在不同的组件中

---

请建议我如何实现这一点。

您可以使用ngIF实现

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

或

---

您可以在组件中声明一个变量，使用localStorage.getItem（“令牌”）检查。基于分配此值为真或假。

我只想隐藏链接，而不是我的应用程序hader组件，并且此组件不是路由器出口/路由器出口的一部分，因此如果我分配值，它将不起作用，因为它不会每次加载。我不确定您的问题。但是您可以在任何组件中使用localStorage.getItem（“令牌”）。

<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>

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