Angular2ルーティング機能モジュールIは、次のセットアップを持っているインナー

Question

にリダイレクト（簡略化のために物事を左）：

app/ 
    *app-routing.module 
    *app.component 
    *dashboard/ 
     *dashboard-routing.module 
     *dashboard.component 
     *dashboard-home/ 
      *dashboard-home.component 

と関連するコード：

ダッシュボード・ルーティング：

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule } from '@angular/forms'; 
import { RouterModule, Routes } from '@angular/router'; 

// owned components 
import { DashboardComponent } from './dashboard.component'; 
import { DashboardHomeComponent } from './dashboard-home/index'; 

// guards 
import { AuthGuard } from '../core/index'; 

export const dashboardRoutedComponents = [DashboardComponent, DashboardHomeComponent]; 

const routes: Routes = [ 
    { path: '', redirectTo: '/dashboard/home', pathMatch: 'full' }, 
    { 
    path: 'dashboard', 
    component: DashboardComponent, 
    canActivate: [AuthGuard], 
    children: [ 
     { 
     path: 'home', 
     component: DashboardHomeComponent 
     } 
    ] 
    } 
]; 

@NgModule({ 
    imports: [RouterModule.forChild(routes)], 
    exports: [RouterModule] 
}) 
export class DashboardRoutingModule { } 

アプリルーティング：

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

// guards 
import { AuthGuard } from './core/index'; 

@NgModule({ 
    imports: [ 
    RouterModule.forRoot([ 
     {path: '', redirectTo: 'dashboard', pathMatch: 'full', canActivate: [AuthGuard] } 
    ]) 
    ], 
    exports: [ 
    RouterModule 
    ] 
}) 
export class AppRoutingModule {} 

export const appRoutedComponents = []; 

私の問題は、localhost:4200に移動するとlocalhost:4200/dashboardにリダイレクトされるということです。ページを更新すると、localhost:4200/dashboardからlocalhost:4200/dashboard/homeにリダイレクトされます。どのようにそれを直接localhost:4200/dashboard/homeにlocalhost:4200からジャンプする方法を任意のアイデア？

敬具

Answer 1

これは動作するようですが、わからない正しい方法であれば

import { NgModule } from '@angular/core'; 
import { CommonModule } from '@angular/common'; 
import { FormsModule } from '@angular/forms'; 
import { RouterModule, Routes } from '@angular/router'; 

// owned components 
import { DashboardComponent } from './dashboard.component'; 
import { DashboardHomeComponent } from './dashboard-home/index'; 

// guards 
import { AuthGuard } from '../core/index'; 

export const dashboardRoutedComponents = [DashboardComponent, DashboardHomeComponent]; 

const routes: Routes = [ 
    { path: '', redirectTo: '/dashboard', pathMatch: 'full' }, 
    { 
    path: 'dashboard', 
    component: DashboardComponent, 
    canActivate: [AuthGuard], 
    children: [ 
     { 
     path: '', 
     redirectTo: 'home', 
     pathMatch: 'full' 
     }, 
     { 
     path: 'home', 
     component: DashboardHomeComponent 
     } 
    ] 
    } 
]; 

@NgModule({ 
    imports: [RouterModule.forChild(routes)], 
    exports: [RouterModule] 
}) 
export class DashboardRoutingModule { }