Angular 2从url中移除params

时间:2017-03-15 08:09:37

标签: angular angular2-routing

我有/users页面的用户列表,我可以点击编辑用户按钮,查看此网址/users/edit/1上的用户详细信息,当我保存更改时,我想突出显示已更改的用户。为此,我使用以下方法:

gotoUsers(userId) {
    this.router.navigate(['../../', { id: userId }], { relativeTo: this.route });
}

我在网址/users;id=1中看到并更改了用户突出显示。 如果我想再次编辑其他用户。然后点击编辑按钮,我看到/users;id=1/edit/2

点击编辑按钮:

gotoEditUser(userId: number) {
    this.router.navigate(['edit', userId], { relativeTo: this.route });
}

如何从网址中删除;id=1 param?

2 个答案:

答案 0 :(得分:1)

因为您在relativeTo: this.route中使用gotoEditUser,所以网址从当前网址开始/users;id=1 您可以在此处查看有关此内容的更多信息:Assume relative navigation are being performed relative to the current activated route

答案 1 :(得分:1)

我已编辑gotoEditUser方法:

gotoEditUser(userId: number) {
    this.router.navigate(['../', 'users', 'edit', userId], { relativeTo: this.route });
}

但寻找最佳解决方案。