Все внутренние страницы в моем приложении имеют компоненты верхнего, нижнего колонтитула и панели инструментов.
Это мой корневой компонент:
@Component({
selector: 'app-root',
template: `
<app-header></app-header>
<main id="content">
<app-toolbar></app-toolbar>
<router-outlet></router-outlet>
</main>
<app-footer></app-footer>`,
})
export class AppComponent { ... }
Вот таблица маршрутизации:
const routes: Routes = [
{ path: '', component: HomeComponent, canActivate: [LoginGuard]},
{ path: 'login', component: LoginComponent},
...
];
При отображении формы входа отображаются верхний колонтитул, нижний колонтитул и панель инструментов. Я не хочу, чтобы они были видны на странице входа. Я бы хотел, чтобы мой LoginComponent
заменил AppComponent
, если это возможно на странице входа.