Angular2 RC6の子を持つルート

Question

Angular2で新しく、アプリケーションにいくつかのルートを追加しようとしています。私は2つの分離したルーティングファイルがあります。

app.routing.ts

const appRoutes: Routes = [ 
    { 
    path: 'login', 
    component: LoginComponent 
    }, 
    { 
    path: '', 
    component: LoginComponent 
    }, 
    { 
    path: '**', component: My404Component 
    } 
]; 


export const routing = RouterModule.forRoot(appRoutes); 

とdashboard.routing.ts

const appRoutes: Routes = [ 
    { 
    path: 'dashboard', 
    component: DashboardComponent, 
    children: [ 
     { 
     path: 'child', 
     component: ChildComponent, 
     }, 

    ], 
    canActivate: [AuthGuard], 
    } 
]; 


export const dashboardRouting: ModuleWithProviders = RouterModule.forChild(appRoutes); 

私は私が受け取るhttp://localhost:3000/dashboardと404ページエラーにアクセスする場合

を、しかし、もし私は http://localhost:3000/dashboard/childにアクセスしましたページが表示されます。

私はダッシュボード内childrenプロパティを削除した場合、私はhttp://localhost:3000/dashboardにアクセスし、ページを見ることができます...

は私が間違って何をしているのですか？

Answer 1

const appRoutes: Routes = [ 
    { path: '', pathMatch: 'full', component: LoginComponent }, // order matters 
    { path: 'login', component: LoginComponent }, 
    { path: '**', component: My404Component } 
]; 

だけでなく、子ルートにデフォルトルートを追加します。

const appRoutes: Routes = [ 
    { path: 'dashboard', component: DashboardComponent, canActivate: [AuthGuard], children: [ 
     { path: '', redirectTo: 'child', pathMatch: 'full' }, 
     { path: 'child', component: ChildComponent, }, 
    ], 
    } 
];