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>。

Angular2中登陆页面和仪表板的不同路由

1 个答案: