javascript - 如何在 Angular 2中设置或删除当前路由中的queryParams而不重新加载页面

Question

我当前的路线:

http://localhost:96/#/pages/settings/devices

我想将 queryParams={name:realTime} 设置为当前路线，例如:

http://localhost:96/#/pages/settings/devices?name=realTime

是否可以在不重新加载页面的情况下向当前路由添加或删除 queryParams？

我找到了解决方案。

这不会重新加载当前页面

let navigationExtra: NavigationExtras = {
relativeTo: this.activatedRoute,
skipLocationChange: false,
queryParams: { name: 'realTime' }
}
    this.router.navigate(['./', navigationExtra]);

Answer 1

add or remove queryParams to current route without realoading the page.

只需更改位置哈希，例如

window.location.hash = "/pages/settings/devices?name=realTime"

更多

我提供的代码可以正常工作。但是，如果您希望它对应用程序的状态产生影响，您应该真正检查路由器上的文档，了解如何导航或编写与该哈希更改内联的效果。