如何在 angular 2+ 中重新加载/刷新以前的 url?

拉维·塞夫塔

在我当前 Angular 7 应用程序的场景中,如果网络停止,我将导航用户到连接丢失的组件。我正在用skipLocationChange:true标志做这个,如下所示

this.router.navigate(['/connection-lost'], {skipLocationChange: true});

现在,如果网络开始工作。我想通过单击 中的重新加载按钮重新加载上一页ConnectionLostComponent

我试过了router.navigate([router.url]),但router.url给出的 URL/connection-lost不是地址栏中显示的

例如,如果用户在地址页面('/addresses'),并且连接丢失。然后用户被导航到ConnectionLostComponent相同的 URL('/addresses')。现在如果用户点击重新加载按钮,那么它应该加载地址页面

我该怎么做?

拉维·塞夫塔

一个解决方案,我发现是使用navigateByUrl的方法Router

喜欢 :

this.router.navigateByUrl(this.location.path(true));

这里locationfrom ('@angular/common') 给出了地址栏中显示的确切路径

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Angular 2中创建到外部URL的链接

来自分类Dev

在angular2中,如何在手动刷新/重新加载浏览器后保留html5控制值?

来自分类Dev

如何在Angular 8中仅重新加载或刷新子组件

来自分类Dev

如何在不重新加载页面的情况下“刷新”Angular 中的组件?

来自分类Dev

如何在Angular2中导航到确切的URL字符串

来自分类Dev

Angular2 pathLocationStrategy:URL更改导致页面重新加载

来自分类Dev

如何在angular2的html页面中绑定数据对象但在重新加载后面临问题

来自分类Dev

如何在Angular 2中利用URLSearchParams?

来自分类Dev

如何在Angular 2中关闭模态?

来自分类Dev

导入如何在Angular 2中工作?

来自分类常见问题

如何在Angular 2中取消HTTPRequest?

来自分类Dev

如何在Angular 2中包含模块

来自分类Dev

如何在Angular 2中显示文字{{

来自分类Dev

如何在Angular 2中包含模块

来自分类Dev

如何在 Angular 2 中阅读 AnonymousSubject

来自分类Dev

如何在 Angular 2 中通信组件

来自分类Dev

如何在 angular 7 的 URL 中添加尾部斜杠而刷新时没有 404 问题?

来自分类Dev

如何通过单击更改 Angular 2 中的 URL?

来自分类Dev

如何在URL路径中不带斜杠的情况下实现angular2嵌套组件路由

来自分类Dev

如何在用ES5编写的Angular2路由代码中获取URL参数?

来自分类Dev

如何在用ES5编写的Angular2路由代码中获取URL参数?

来自分类Dev

如何在Angular中重新加载可观察的http?

来自分类Dev

如何在pluoplad-angular-directive中设置动态url?

来自分类Dev

如何在angular-ui-router URL中删除'#'登录

来自分类Dev

如何在Angular的样式标签中设置URL格式?

来自分类Dev

如何在Angular中更新上一页URL

来自分类Dev

如何在Angular的样式标签中设置URL格式?

来自分类Dev

如何在Angular 2 / Angular中解析tsx文件-Cli

来自分类Dev

在 Angular 2 中重新加载组件

Related 相关文章

  1. 1

    如何在Angular 2中创建到外部URL的链接

  2. 2

    在angular2中,如何在手动刷新/重新加载浏览器后保留html5控制值?

  3. 3

    如何在Angular 8中仅重新加载或刷新子组件

  4. 4

    如何在不重新加载页面的情况下“刷新”Angular 中的组件?

  5. 5

    如何在Angular2中导航到确切的URL字符串

  6. 6

    Angular2 pathLocationStrategy:URL更改导致页面重新加载

  7. 7

    如何在angular2的html页面中绑定数据对象但在重新加载后面临问题

  8. 8

    如何在Angular 2中利用URLSearchParams?

  9. 9

    如何在Angular 2中关闭模态?

  10. 10

    导入如何在Angular 2中工作?

  11. 11

    如何在Angular 2中取消HTTPRequest?

  12. 12

    如何在Angular 2中包含模块

  13. 13

    如何在Angular 2中显示文字{{

  14. 14

    如何在Angular 2中包含模块

  15. 15

    如何在 Angular 2 中阅读 AnonymousSubject

  16. 16

    如何在 Angular 2 中通信组件

  17. 17

    如何在 angular 7 的 URL 中添加尾部斜杠而刷新时没有 404 问题?

  18. 18

    如何通过单击更改 Angular 2 中的 URL?

  19. 19

    如何在URL路径中不带斜杠的情况下实现angular2嵌套组件路由

  20. 20

    如何在用ES5编写的Angular2路由代码中获取URL参数?

  21. 21

    如何在用ES5编写的Angular2路由代码中获取URL参数?

  22. 22

    如何在Angular中重新加载可观察的http?

  23. 23

    如何在pluoplad-angular-directive中设置动态url?

  24. 24

    如何在angular-ui-router URL中删除'#'登录

  25. 25

    如何在Angular的样式标签中设置URL格式?

  26. 26

    如何在Angular中更新上一页URL

  27. 27

    如何在Angular的样式标签中设置URL格式?

  28. 28

    如何在Angular 2 / Angular中解析tsx文件-Cli

  29. 29

    在 Angular 2 中重新加载组件

热门标签

归档