Форма входа вместо корневого компонента в Angular 2/4

Все внутренние страницы в моем приложении имеют компоненты верхнего, нижнего колонтитула и панели инструментов.

Это мой корневой компонент:

@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, если это возможно на странице входа.


person Evgeni Milev    schedule 26.07.2017    source источник
comment
Возможный дубликат stackoverflow .com / questions / 41972593 /?   -  person 0mpurdy    schedule 26.07.2017


Ответы (1)


Я работаю над аналогичным приложением. Что я сделал, так это перенаправил страницу входа с помощью пути: ". Маршруты входа в административный компонент, который действует как родительский компонент с заголовком, нижним колонтитулом и боковой панелью. Этот административный компонент имеет главное представление с выходом маршрутизатора, куда я перенаправляю все дочерние компоненты. с такими маршрутами, как этот admin / form1, admin / form2 и т. д.

person Ninad Gaikwad    schedule 26.07.2017
comment
* кнопка входа в систему направляет к компоненту администратора. - person Ninad Gaikwad; 26.07.2017