angularjs - 从 angular-ui-router 检测 F5 浏览器刷新

Question

实际上，我希望能够使用以下已知解决方案直接从 AngularJS 而不是从普通 JS 处理页面刷新：

window.onbeforeunload = function () {
   // handle the exit event
};

我发现我们可以使用以下事件侦听器通过 ngRoute 检测到它：

$rootScope.$on('$routeChangeStart', function (event, next, current) {
  if (!current) {
    // handle session start event
  }
});

但我没有将这个路由器用于我的应用程序。我正在使用 angular-ui-router 1.x。并且不推荐使用事件以支持转换挂钩（参见https://github.com/angular-ui/ui-router/wiki#state-change-events）

我找不到使用 angular-ui-router 1.x 检测浏览器刷新的方法。如果有人有这样做的想法，那就太好了！

提前致谢

Answer 1

我自己的解决方案创建了使用 onbeforeundload 本机事件的指令并将其设置为 html 正文。这给了我所需的能力并将其集成到角度生命周期中，因此我可以使用它生成任何服务或其他角度工作人员。