Angular-從父路徑獲取路徑參數

Question

我有一個全局路由模塊，它使我能夠正確導航到延遲加載的組件模塊。

在組件模塊內部，我有一個可以正確加載的子路由。 但是，我似乎無法做的是從相冊路徑（userDetailComponent的子級）內部訪問userID參數。

我已經嘗試了以下方法，但是它返回的是未定義的。

this.activatedRoute.params.subscribe((urlParameters) => {
  this.user_id = urlParameters['userID'];
}

以下是我的路由配置。 任何幫助將不勝感激。

app-routing.module.ts

const routes: Routes = [
  { 
     path: 'users', 
     loadChildren: '../app/users/users.module#UsersModule' 
  },
  {
     path: 'users/:userID',
     loadChildren: '../app/component/component.module#ComponentModule' 
   }
]

component.module.ts

const routes: Routes = [
  {
    path: '',
    component: UserDetailComponent,
    children: [
      {
        path: 'albums',
        loadChildren: '../app/albums/albums.module#AlbumsModule';
      },
    ]
  },
]

Answer 1

albums路徑是孩子UserDetailComponent的路線，並UserDetailComponent的途徑是兒童users/:userId 。 因此，當您進入albums路由時，應該通過路由樹獲取UserDetailComponent路由的參數。 您可以使用ActivatedRoute.parent訪問路由的父級（它返回當前父級的路由）