在单独的模板中以角度登录页面

Question

如何在与其他组件分开的模板中登录页面。

我在帖子https://stackoverflow.com/users/181176/tan中看到Hiding navigation bar from login page in angular 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>。