Angular 2：路由器不在app组件中

Question

我想在应用程序组件html中创建一个登录页面，然后，当用户登录时，我想转到另一个视图，可能是：仪表板，并在仪表板中显示导航菜单。

我该如何正确地做到这一点？

我可以把标签

<router-outlet></router-outlet>

在不同的视图中app.component并使其有效？

谢谢你！

Answer 1

好吧，在app.module.ts中你也必须导入路由器模块：

import { RouterModule } from '@angular/router';

并且在imports -section中需要一行像

RouterModule.forRoot(ROUTES),

其中ROUTES是路由信息的定义，例如

const ROUTES = [
  {
    path: 'videos',
    component: VideosComponent,
  }
];

Answer 2

你应该使用路由器防护。

Here is a great article about protecting routes

使用防护，您可以保护应用程序中的某些路径，例如，如果我进入/仪表板并且我没有登录，我将获得登录页面，在我登录后，我可以转到/仪表板路线。