Страница входа в отдельный шаблон в угловых

Question

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

Я видел ответ https://stackoverflow.com/users/181176/tan от поста Скрытие панели навигации от страницы входа в угловой 4 но я не знаю, как изменить app.component

Answer 1

Вы можете использовать два components в качестве макетов: один, содержащий вашу панель навигации и т. Д., А другой - ничего.

Затем в маршрутизации вы можете использовать их следующим образом:

{
   path: '',
   component: FullLayoutComponent,
   children: [
   {
     path: 'myPage',
     loadChildren: './my-page/my-page.module#MyPageModule'
   }
 ]
},
{
   path: 'login',
   component: SimpleLayoutComponent,
   children:
   [
     {
       path: '',
       loadChildren: './login/login.module#LoginModule',
     }
   ]
 }

Здесь FullLayoutComponent - это ваш component, содержащий панель навигации и т. Д., И SimpleLayoutComponent component, не содержащий ничего.

Не забудьте указать <router-outlet></router-outlet> в шаблоне каждого компонента.