角度 2 可选路由参数

Question

是否可以在 Angular 2 路由中具有可选的路由参数？我在RouteConfig中尝试了Angular 1.x语法，但收到以下错误：

“原始异常:路径“/ user /: id ?“包含”?

@RouteConfig([
{
    path: '/user/:id?',
    component: User,
    as: 'User'
}])

Answer 1

当信息是可选的时，建议使用查询参数。

路由参数还是查询参数？

没有一成不变的规则。一般来说,

选择路由参数时：

• 该值是必需的
• 该值对于区分一条路由路径和另一条路由是必要的

在以下情况下首选查询参数

<李>的值是可选的。李< / ><

从https://angular.io/guide/router optional-rout

你只需要从路径路径中取出参数。

@RouteConfig([
{
    path: '/user/',
    component: User,
    as: 'User'
}])

Answer 2

{path: 'users', redirectTo: 'users/', pathMatch: 'full'},
{path: 'users/:userId', component: UserComponent}

这样，添加参数时不会重新渲染组件。

Answer 3

您可以定义带或不带参数的多条路线:

@RouteConfig([
    { path: '/user/:id', component: User, name: 'User' },
    { path: '/user', component: User, name: 'Usernew' }
])

并处理组件中的可选参数:

constructor(params: RouteParams) {
    var paramId = params.get("id");

    if (paramId) {
        ...
    }
}

参见相关github问题:https://github。