Как обойти маршрутную розетку при показе компонента в угловых 2?

Question

Я новый комер в угловой 2. Это может быть очень простой вопрос, но у меня есть страница панели инструментов и страница входа. Страница панели инструментов имеет верхнюю страницу и меню, а страница входа представляет собой полную целевую страницу с формой входа. Моя проблема: При отображении страницы входа в систему отображается меню заголовка панели инструментов, поскольку я установил заголовок приложения перед выходом маршрутизатора и приложение входа в систему. Можно обойти элемент панели инструментов перед тем, как показывать страницу входа? app.component.html

<header-app></header-app>
<div class="container">
    <router-outlet></router-outlet>
</div>

и login.component.html - это просто форма входа и header.component.html

<nav class="navbar navbar-fixed-top">
<div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header col-md-8 col-sm-6 col-xs-6">
        <div class="logo">
            <a href="index.html"><img class="img-responsive" src="images/logo.png"></a>
        </div>
        <ul class="navbar-nav">
            <li class="nav-item active">
                <a class="nav-link" routerLink="/Home">Home</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" routerLink="/Login">Login</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" routerLink="/Employee">Employee</a>
            </li>
        </ul>
    </div>
    <div class="text-right col-md-4 col-sm-6 col-xs-6">
        <button class="sign_btn">Sign Up</button>
    </div>
</div>

но это показывает, как это http://prntscr.com/ks8xjf Заранее спасибо.

Answer 1

удалить компонент заголовка приложения из app.component.html и поместить его в dashboard.component.html. app.component.html должен иметь только выход rouert

app.component.html

<router-outlet></router-outlet>

dashboard.component.html

<header-app></header-app>
<other-things></other-things>
...
...
<footer></footer>