两级的Angular-2嵌套路由

Question

我有一个路线配置如下

export const ProductRoutes: Route[] = [
  {
    path: 'product/:api_key',
    component: ProductComponent,
    children:[
        { 
            path: 'productType', component: productTypesComponent,
      //        children:[
            //      { path: 'productEntry', component: productEntriesComponent }
            // ]
      },
    ],
    canActivate: [CanActivateService]
  }
];

它适用于一个级别的子路由，但是当我添加第二级子productEntry时，即使我的路由器配置显示正确的子级顺序，它也会停止工作。

任何有用的资源将不胜感激。感谢

Answer 1

您是否尝试添加空路径：

children:[
    { path: '', redirectTo: 'productEntry' }
    { path: 'productEntry', component: productEntriesComponent }
]