Как скрыть меню шоу от другого компонента в Angular 4

Question

В моем компоненте приложения у меня есть три компонента:

app.component.html

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

В моем app-header Компонент У меня есть панель навигации с некоторой навигационной ссылкой, я хочу скрыть - показать некоторую базу ссылок на статусе входа пользователя.

приложение-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. Как я могу добиться этого, потому что эти ссылки находятся в хедер компонент. И я храню токен в другом компоненте

Пожалуйста, предложите, как я могу достичь этого.

Answer 1

Вы можете сделать это с помощью ngIF.

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

или же

Вы можете объявить переменную в вашем компоненте, проверьте с помощью localStorage.getItem("token"). основанный на назначении этого истинного или ложного.