Angular2中登陸頁面和儀表板的不同路線

Question

我正在開發一個Angular 2的博客網站。 現在我想在登陸頁面上顯示登錄頁面，當用戶訪問我的網站時，只有註冊表單不會顯示菜單或標題。

現在，當用戶登錄他們將重定向到/儀表盤，看到菜單和標題和內容

現在如何下手。是否可以使用兩個路由器插座？

註冊佈局圖像：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>。