Не показывать меню из app.component.html в angular 2?

Question

[beta-it]

В общем суть такая:
Есть проект на Angular 2, добавлено несколько компонента: home, page, login и т.п., по которым осуществляется навигация (ниже листинг app.routing.ts:

import { Routes } from '@angular/router';

// компоненты системы
import { LoginComponent }       from './components/index';
import { HomeComponent }        from './components/index';
import { pageComponent }  from "./components/index";

// Контроль авторизации
import { AuthGuard } from './_guards/index';


export const appRoutes: Routes = [
    { path:
        '',
        component: HomeComponent ,
        canActivate: [AuthGuard]
    },

    { path:
        'login',
        component: LoginComponent
    },

    { path:
        'page',
        component: pageComponent,
        canActivate: [AuthGuard]
    },

    { path:
        '**',
        redirectTo: ''
    },
];

В основном шаблоне(с которого и начинается запуск) прописана навигация:

<div id="navbar" class="collapse navbar-collapse">
      <ul class="nav navbar-nav">

        <li>
          <a routerLink="/" routerLinkActive="active">Главная</a>
        </li>
        <li>
          <a routerLink="/page" routerLinkActive="active">Страница 1</a>
        </li>
        </li>
        <li>
          <a routerLink="/login" routerLinkActive="active">Выход</a>
        </li>

      </ul>
    </div><!--/.nav-collapse -->
 </div>
</nav>

<!-- Begin page content -->
<div id="wrapper" class="container">
  <router-outlet></router-outlet>
</div>

Как можно скрыть это меню основного шаблона если пользователь не авторизован?

Answer 1

[SergeyBugai]

*ngIf не подходит?

Comments

[beta-it]

тут суть в использовании этой директивы между компанентами

[SergeyBugai]

не совсем понял. Вам нужно скрыть ul class="nav navbar-nav" от не авторизированых?

[beta-it]

Да, но навигация HTML находятся в app

[SergeyBugai]

Aleksandr Semenov: так в чем проблема использовать *ngIf ? По идеи у вас гдето есть метка авторизирован юзер или нет?