Angular 2 rc5 路由器匹配 X 子类别

Question

在 Angular 2 rc5 中使用新的路由器并且有一个公共路由，我不确定如何编写。

我需要一个类似这样的网址：

http://localhost:3000/store/{category}/{product-name}

这似乎很简单，直到我补充说我正在寻找可能有多个子类别，例如（我们不知道可能有多少）：

http://localhost:3000/store/{category 1}/{sub category 2}/{sub category 3}..../{product-name}

如何创建与子类别和产品匹配的路径。除了“完整”之外，它是否以某种方式使用 pathMatch？

标准 app.routing.ts

    const appRoutes: Routes = [
        { 
          path: '/store/:cat', 
          component: CategoryComponent 
        },
        { 
          path: '/store/:cat/:product', 
          component: ProductComponent
        }
    ];

Answer 1

试试下面的代码：

 const appRoutes: Routes = [
     { 
       path: 'store', 
       component: StoreHomeComponent,
       children: [
         {
          path: '**',
          component: ProductComponent
         }]
     }];

StoreHome组件：

    @Component({
       template: '<router-outlet></router-outlet>'
    })
    export class StoreHomeComponent {}

这段代码也没有经过测试，但它应该可以工作