javascript - 如何防止在 Angular 4+ 中更改查询字符串时页面刷新/重新加载?

我正在向我的 Angular 路由添加一些查询字符串参数

http://localhost:4200/home/transactions?toDate=2019-02-26&fromDate=2018-01-01&startIndex=0&pageSize=20&showCashedOut=true

如果我从 URL 选项卡中更改查询参数中的任何值,它会刷新页面,有什么 Angular 方法可以防止这种行为吗?我希望能够更改值并防止页面刷新。我查看了堆栈溢出和其他资源

如有任何帮助,我们将不胜感激。

最佳答案

在浏览器 URL 选项卡中更改 url 时刷新页面是不可避免的。它只能通过浏览器对话框“你想离开这个页面”来阻止,但我想这不是你的用例。

如果您想更改应用程序中的 url,请查看 location.replaceState() .或者你可以实现一个 route guard更多自定义场景。

关于javascript - 如何防止在 Angular 4+ 中更改查询字符串时页面刷新/重新加载?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54885444/

相关文章:

javascript - OpenRouteService Directions api 用法

Android WebRTC 不适用于不同的网络 - 无视频

vhdl - 是否可以为输出端口提供默认值,以允许在不需要端口的情况下调整大小?

python - 我想在我的第一个 python 环境中从第二个 python 环境调用函数。这可能

firefox - 如何在 Amazon Linux (EC2) 实例上安装 GTK3 和 Fire

css - 如何推迟非关键样式?

python - Matplotlib png 输出在 reportlab 的 pdf 中出现 "b

google-chrome - 谷歌登录 "error": "popup_closed_by_use

ubuntu-16.04 - 设置了 CATALINA_PID 但指定的文件不存在

c# - Microsoft 依赖注入(inject)和逆变