angular - 角度路由子路由未附加到 url

Question

我正在使用 Angular 路由并将我的所有组件和路由包装在父路径中（因为我想要一个动态的基本 url 路径。）

const routes: Routes = [
  {
    path: ':basePath',
    children: [
      {
        path: '',
        component: OrderPageComponent,
        children: [
          {
            path: '', component: DetailsComponent,
          },
          {
            path: 'category/:cat',
            component: CategoryComponent,
            data: {
              breadcrumb: ':cat'
            },
          },
          {
            path: 'category/:cat/:id',
            component: ItemComponent,
          }
        ]
      },
      { path: 'cart', component: CartComponent },
]
  }
];

编辑 - 为购物车添加 html：

<a routerLink="/cart" class="cart" ActivatedRoute>cart</a>

&

<a routerLink="cart" class="cart" ActivatedRoute>cart</a>

我遇到的问题是当我单击子路径（例如购物车）时，整个路径被替换为购物车而不是附加。

我想要www.example.com/id-1/cart 什么： 我得到什么：www.example.com/cart

这发生在所有路线上。我怎样才能解决这个问题？

谢谢

标签： angulartypescriptangular2-routingangular-router