使用Angular 2跳过浏览器历史记录中的跳转链接

埃里克·克兰尼奇(ErikKránicz)

我使用Angular 2(v2.4.4),并routerLink在组件之间导航。

这可以正常工作,但是如果我使用非常相同的快照参数(active.snapshot.params加载非常保存的组件,则不会再次加载该页面。因此,例如,如果我打开/page/56并单击此处的链接,该链接指向/page/56,相同的链接(从菜单等),则该组件将不会重新加载。(自上次加载以来,数据库中的情况可能会发生变化,因此需要重新加载页面。)

我通过指向绕过了它,/jump/page/56并且Page 404控制器重定向到/page/56

这也可以很好地工作,但是如果我从中在浏览器中导航/page/56,它将通过Page 404控制器转到/jump/page/56哪个方向所以基本上我无法导航。/page/56

据我所知,我无法通过HTML5历史记录API删除浏览器历史记录,但是如何/page/56仅通过单击浏览器的后退按钮就可以返回到之前的页面

该解决方案可能是一个独立于Angular 2的简单JavaScript技巧,因为它实际上并不加载新页面,而只是加载不同的组件并更改URL。(也因为这个原因,我不应该使用location.reload()它,因为它将重新加载Angular 2和所有依赖的JS等)

预先感谢您的解决方案!

阿米(Amee Prajapati)

您可以使用skipLocationChange Like:

this.router.navigate(['/jump/page/12'],{skipLocationChange:true});

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Chrome扩展程序中使用历史记录API获取浏览历史记录

来自分类Dev

如何使用Javascript获取浏览器历史记录

来自分类Dev

如何使用JavaScript清除浏览历史记录?

来自分类Dev

如何使用历史记录类处理浏览器历史记录

来自分类Dev

可以使用JS阅读浏览器历史记录吗?

来自分类Dev

从git历史记录中删除未使用的资产

来自分类Dev

使用量角器-webdrivers的Safari历史记录导航中的未知错误

来自分类Dev

使浏览器删除特定的历史记录状态

来自分类Dev

单击iframe中的链接时,使用历史记录pushState更改父窗口的URL

来自分类Dev

使用React Router刷新浏览器历史记录会返回来自我的API的调用

来自分类Dev

在Laravel中使用修补程序时无法循环浏览命令历史记录

来自分类Dev

如何禁用出现在浏览器历史记录中的Urls-Yii2

来自分类Dev

在React Router中,使用浏览器历史记录推送时如何传递路由参数?

来自分类Dev

如何从Firefox的浏览器历史记录中删除输入的URL?

来自分类Dev

使用matplotlib绘制历史记录

来自分类Dev

如何使用Osquery转换Chrome浏览器历史记录Sqlite时间戳

来自分类Dev

使用Chrome中的浏览器历史记录搜索网页的文字?

来自分类Dev

如何使用bash历史记录使用历史记录中的参数运行命令?

来自分类Dev

Fotorama-深度链接和浏览器历史记录

来自分类Dev

ExtJS MVC的浏览器历史记录

来自分类Dev

MVC注销浏览器历史记录

来自分类Dev

Angular JS-如何强制浏览器记录历史记录以进行快速路由?

来自分类Dev

浏览器何时记录历史记录?

来自分类Dev

安全的bash历史记录使用

来自分类Dev

使用$ routeParams或$ location作为历史记录链接

来自分类Dev

反向链接,但不使用历史记录

来自分类Dev

JavaScript浏览器历史记录

来自分类Dev

完全禁用Chrome浏览器历史记录

来自分类Dev

浏览器历史记录和错误的地址

Related 相关文章

  1. 1

    如何在Chrome扩展程序中使用历史记录API获取浏览历史记录

  2. 2

    如何使用Javascript获取浏览器历史记录

  3. 3

    如何使用JavaScript清除浏览历史记录?

  4. 4

    如何使用历史记录类处理浏览器历史记录

  5. 5

    可以使用JS阅读浏览器历史记录吗?

  6. 6

    从git历史记录中删除未使用的资产

  7. 7

    使用量角器-webdrivers的Safari历史记录导航中的未知错误

  8. 8

    使浏览器删除特定的历史记录状态

  9. 9

    单击iframe中的链接时,使用历史记录pushState更改父窗口的URL

  10. 10

    使用React Router刷新浏览器历史记录会返回来自我的API的调用

  11. 11

    在Laravel中使用修补程序时无法循环浏览命令历史记录

  12. 12

    如何禁用出现在浏览器历史记录中的Urls-Yii2

  13. 13

    在React Router中,使用浏览器历史记录推送时如何传递路由参数?

  14. 14

    如何从Firefox的浏览器历史记录中删除输入的URL?

  15. 15

    使用matplotlib绘制历史记录

  16. 16

    如何使用Osquery转换Chrome浏览器历史记录Sqlite时间戳

  17. 17

    使用Chrome中的浏览器历史记录搜索网页的文字?

  18. 18

    如何使用bash历史记录使用历史记录中的参数运行命令?

  19. 19

    Fotorama-深度链接和浏览器历史记录

  20. 20

    ExtJS MVC的浏览器历史记录

  21. 21

    MVC注销浏览器历史记录

  22. 22

    Angular JS-如何强制浏览器记录历史记录以进行快速路由?

  23. 23

    浏览器何时记录历史记录?

  24. 24

    安全的bash历史记录使用

  25. 25

    使用$ routeParams或$ location作为历史记录链接

  26. 26

    反向链接,但不使用历史记录

  27. 27

    JavaScript浏览器历史记录

  28. 28

    完全禁用Chrome浏览器历史记录

  29. 29

    浏览器历史记录和错误的地址

热门标签

归档