Я создаю приложение angular2.
У меня есть страница входа - всего 2 входа (без заголовка no footer no side bar)
при входе пользователя в систему он должен перейти к странице с нижним колонтитулом заголовка и правой навигационной панелью.
Единственное, что изменится на внутренней странице, это правое содержимое.
У меня есть app.component
import { Component } from '@angular/core';
import {ViewEncapsulation} from '@angular/core';
@Component({
selector: 'pm-app',
template: `
<div>
<router-outlet></router-outlet>
</div>
`,
styleUrls:["app/app.component.css"],
encapsulation: ViewEncapsulation.None
})
export class AppComponent {
pageTitle: string = 'Acme Product Management';
}
Я понимаю, что этот app.component похож на главную страницу, где вы можете добавить верхний и нижний колонтитулы, а <router-outlet></router-outlet>
- это то, где контент изменяется на основе маршрутизации.
Мой простой вопрос: как сделать один макет для страницы входа и другого макета с заголовком, нижним колонтитулом и правой панелью на внутреннюю страницу?