Angular4 - のparams

Question

とネストされたルートは、私は、問題は、私は、ユーザー/設定に移動したときに、彼は、ユーザー/開こうということであるAngular4

/* Frame Default */ 
{ 
    path: '', component: FrameDefaultComponent, 
    children: [ 
     {path: 'home', component: SiteHomeComponent}, 
     {path: 'home/:page', component: SiteHomeComponent}, 
     { 
      path: 'user/:id', component: SiteUserProfileComponent, 
      children: [ 
       {path: '', redirectTo: 'home', pathMatch: 'full'}, 
       {path: 'home', component: SiteUserProfileHomeComponent}, 
       {path: 'about', component: SiteUserProfileAboutComponent} 
      ] 
     }, 
     { 
      path: 'user/settings', component: SiteUserSettingsComponent, 
      children: [ 
       {path: '', redirectTo: 'home', pathMatch: 'full'}, 
       {path: 'home', component: SiteUserProfileHomeComponent}, 
       {path: 'about', component: SiteUserProfileAboutComponent} 
      ] 
     }, 
     {path: 'demo', component: SiteDemoComponent} 
    ] 
}, 

の私のユーザープロファイルのルーティングを得た：任意のアイデア... IDをどのように私はこの問題を解決することができますか？

Answer 1

が、この作品、この

{ 
    path: '', component: FrameDefaultComponent, 
    children: [ 
    {path: 'home', component: SiteHomeComponent}, 
    {path: 'home/:page', component: SiteHomeComponent}, 
    { 
    path: 'user/settings', component: SiteUserSettingsComponent, 
    children: [ 
     {path: '', redirectTo: 'home', pathMatch: 'full'}, 
     {path: 'home', component: SiteUserProfileHomeComponent}, 
     {path: 'about', component: SiteUserProfileAboutComponent} 
    ] 
    }, 
    { 
    path: 'user/:id', component: SiteUserProfileComponent, 
    children: [ 
     {path: '', redirectTo: 'home', pathMatch: 'full'}, 
     {path: 'home', component: SiteUserProfileHomeComponent}, 
     {path: 'about', component: SiteUserProfileAboutComponent} 
    ] 
    }, 
    {path: 'demo', component: SiteDemoComponent} 
] 
},