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

Question

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

我需要一个类似的网址：

http://localhost:3000/store/ {类别} / {产品名称}

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

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
         }]
     }];

StoreHomeComponent：

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

此代码也未经过测试，但应该可以使用