Question

基于最新的Angular 2路由器（3.0.0-alpha.7）以及最近发布的文档：https://angular.io/docs/ts/latest/guide/router.html

我尝试添加更多级别的路由导航，但没有取得任何成功：

  export const CustomerRoutes: RouterConfig = [
  { 
    path: 'customer/:id',     
    component: CustomerComponent,   
    children: [
      {
        path: 'account', 
        component: CustomerAccountComponent,
        children: 
        [
          { path: 'info', component: CustomerInfoComponent },
          { path: 'billing', component: CustomerBillingComponent }
        ]
      },
      {
        path: 'idocs', 
        component: CustomerIDocsComponent,
        children: 
        [
          { path: 'ic', component: CustomerICComponent },
          { path: 'iprop', component: CustomerIPropComponent }
        ]
      }
    ]
  }
];

但我收到错误：未捕获（承诺）：错误：无法匹配任何路线：'customer / 123'

我希望有一个客户详细信息页面，其中包含两个独立区域，其中一个有路由器插座来加载相应的组件，而不会更改同一级别上其他路由器插座的内容并且可见页。

                     app                
                 /        \  
                /          \
          (...)         customer
                       /        \
                      /          \
             account (both visible) idocs
            /       \              /     \
         info    billing         iprop    ic

所以我可以导航到这样的级别：

/customer/123/account/info
/customer/123/account/billing
/customer/123/idocs/ic
/customer/123/idocs/ic/123
/customer/123/idocs/iprop
/customer/123/idocs/iprop/123

但是当我在客户页面时，我希望同时看到帐户和idocs部分。

任何人都知道如何实现这一目标？我在这里有一个有关的例子：http://plnkr.co/edit/TotsM3wv64u16GuUkoLF?p=preview

angular2路由器3.0.0多个级别

0 个答案: