Angular 2：router not in app component

Question

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

我该怎么做才能正确？

我可以把标签

<router-outlet></router-outlet> 

在这种app.component，使它的工作原理不同的充看法？

谢谢你！

Answer 1

您应该为此使用路由器防护。

Here is a great article about protecting routes

随着如果我去/仪表板，我没有登录，我会登录页面后，我登录，我可以去你能保护某些路线在您的应用程序，例如保护到/仪表板路线。

Answer 2

那么，在app.module.ts你必须输入路由器模块，以及：

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

，并在进口-section需要有像

RouterModule.forRoot(ROUTES), 

中，路由一条线您的路由信息​​的定义，例如

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