javascript - Angular 5 删除查询参数

Question

如何从 URL 中删除查询参数？例如从 www.expample.com/home?id=123&pos=sd&sd=iii 到 www.expample.com/home?id=123&sd=iii

编辑:这是我的版本:

this.activatedRoute.queryParams.subscribe(c => {
  const params = Object.assign({}, c);
  delete params.dapp;
  this.router.navigate([], { relativeTo: this.activatedRoute, queryParams: params });
}).unsubscribe();

Answer 1

您可以使用 queryParamsHandling 的 merge 选项删除查询参数，并为您希望删除的任何参数传入 null。

// Remove query params
this.router.navigate([], {
  queryParams: {
    'yourParamName': null,
    'youCanRemoveMultiple': null,
  },
  queryParamsHandling: 'merge'
})

这个选项更简单，需要更少的工作来确保您不会删除其他参数。您也无需担心在组件被销毁时清理可观察订阅。