Угловая - боковая панель не для отображения в логине, а для отображения в панели управления - угловая маршрутизация - PullRequest
Новая
       5

Угловая - боковая панель не для отображения в логине, а для отображения в панели управления - угловая маршрутизация

0 голосов
/ 13 октября 2018

Как скрыть боковую панель на странице входа в систему?

Как открыть страницу входа сначала без боковой панели, а затем после успешного входа перенаправить на панель шаблона в Angular 4.

1 Ответ

0 голосов
/ 13 октября 2018

Лучший способ сделать это - разработать Компонент оболочки (предложенный Дебора Курата в этом разговоре ngConf ), в котором будет размещено ваше представление после того, как пользователь войдет в систему.

Шаблон этого Компонента оболочки будет содержать боковую панель.Шаблон этого компонента оболочки также будет иметь router-outlet для внутренней маршрутизации.

Так что ваша конфигурация Routes будет выглядеть примерно так: 

const appRoutes: Routes = [
  {
    path: '',
    component: ShellComponent,
    children: [
      {
        path: 'dashboard',
        component: DashboardComponent
      },
      ...
      {
        path: 'view',
        component: ViewPostComponent
      },
      {
        path: '',
        component: PlaceholderComponent
      }
    ]
  },
  {
    path: 'login',
    component: LoginComponent
  },
  {
    path: '',
    redirectTo: '/login',
    pathMatch: 'full'
  }
];

Шаблон для компонента оболочки:

<!--Markup for your Sidebar here-->

<router-outlet></router-outlet>
<!--This router outlet is for Components that will load through child routing-->

Шаблон для вашего компонента приложения: 

<router-outlet></router-outlet>

Вот вам Образец StackBlitz для вашей ссылки.

...