Angular2+ 路由 - 可选路由参数

Question

所以我有像 /category/tech 和 /category/tech/new 和 /category/tech/old 等路线

他们都使用ItemsComponent

有没有办法像我们在 ExpressJS 中那样使用可选参数定义这些类型路由

router.get('/category/tech/:filter?', (req, res) => ...

(这里 /category/tech 和 /category/tech/xxx 都可以)

或者我是否必须像这样单独定义它们

{path: 'users', component: ItemsComponent},
{path: 'users/:filter', component: ItemsComponent}

Answer 1

So is there any way to define these type routes with optional params like we do in ExpressJS

简单的答案是否定的，您必须为每个单独的路径定义新的路线。

{path: 'users', component: ItemsComponent},
{path: 'users/:filter', component: ItemsComponent}

尽管您可以使用 ActivatedRoute 验证路径并确定路由组件内是否有可选参数。