Angular2路由-可选路由参数

Question

所以我有一些路线，比如＜code＞／category／tech＜／code＞和＜code＜／categority／tech／new＜code＞和＜code＞／category／tech／old＜／code＞等等

他们都使用项目组件

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

或者我必须分别定义它们，就像

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

Answer 1

到目前为止，Angular不允许您定义可选参数。因此，您的解决方案将是添加多个相似的路由——都指向同一个组件。但是这里有一件重要的事情需要注意。如果在两个路由中都将目标作为< code > component:items component 使用，由于路由不同，组件将被重新实例化！-根据您的项目，这可能会很贵。如果您不想为每个路由重新实例化组件，请改用< code>redirect。在这种情况下，Angular确保组件只被实例化一次。

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

希望这有帮助！

Answer 2

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

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

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