"Angular 2可选路由参数"

Question

17 浏览2023年5月21日

匿名的 2022年7月25日

0 Comments

在Angular 2路由中是否可能存在可选路由参数？我在RouteConfig中尝试使用Angular 1.x语法，但收到以下错误信息：

\"原始异常：路径“/user/:id?”包含“？”在路由配置中不允许使用。\"

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

admin 更改状态以发布 2023年5月21日

0

匿名的 · Answer 1 · 2022-07-25T20:57:58+00:00

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

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

匿名的 · Answer 2 · 2022-07-25T20:57:58+00:00

您可以定义带参数和不带参数的多个路由：

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

并在您的组件中处理可选参数：

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