angular - Angular2中登陆页面和仪表板的不同路线

Question

我正在使用 Angular 2 开发一个博客网站。现在我想在用户访问我的网站时在登录页面上显示一个注册表单/登录表单，只有注册表单不会显示菜单或标题。

现在，当用户登录时，他们将重定向到 /dashboard 并查看菜单、标题和内容

现在如何开始。是否可以使用两个路由器插座？

注册布局图片： http: //prntscr.com/dwh1qg

仪表板布局： http: //prntscr.com/dwh2lp

Answer 1

每个组件都可以包含路由器插座。

我认为您应该创建App包含到Dashboard组件和组件的路由的Default组件。在这些组件中，您还应该放置路由器插座并创建不同的路由。

这样，您可以为每组组件使用不同的模板。

@RouteConfig([
   { path: '/dahsboard/...', name: 'Dashboard', component: DashboardComponent },
   { path: '/...', name: 'Default', component: DefaultComponent }
])
export class AppComponent 

该组件的模板可以像<router-outlet></router-outlet>.

然后你的子组件可以有不同的路由和不同的模板。

@RouteConfig([
   { path: '/home', name: 'Home', component: HomeComponent },
   { path: '/sign-up', name: 'SignUp', component: SignupComponent }
])
export class DefaultComponent 

它的模板也应该包含<router-outlet></router-outlet>.