Angular 7-使用queryParams定义路由

时间:2019-01-02 16:01:30

标签: angular typescript url angular-routing angular7

我想声明两条Angular路线:

  1. 对于特定项目(/items?id=SOME_ITEM_ID
  2. 有关所有项目的列表(/items

由于以下操作无效,我想知道如何定义满足自己需求的路线?

export const routes: Routes = [
    { path: 'items?id=someItemId', component: ItemComponent },
    { path: 'items', component: AllItemsComponent },
];

1 个答案:

答案 0 :(得分:4)

我认为您不希望使用queryParams而是params,您应该这样定义路线:

export const routes: Routes = [
    { path: 'items/:id', component: ItemComponent },
    { path: 'items', component: AllItemsComponent },
];

正如@cgTag在评论中所说,queryParam是透明的,您无需在路由定义中声明它们。