如何处理/阻止浏览器导航或在angularjs中重新加载？

Question

当用户导航离开或重新加载页面时,我想在我的角度应用程序中检测到.

应用程序(使用一些登录过程)应该区分它被重新加载,因此用户不会丢失他的身份验证数据,应用程序应该能够从localStorage恢复必要的信息.

请提供一些"处理"浏览器重新加载/导航的最佳技巧.

Answer 1

所有的javascript和内存变量在重新加载时都会消失.在js中,您知道第一次再次运行代码时页面已重新加载.

要处理重新加载本身(包括按F5)并在重新加载甚至取消之前采取行动,请使用'beforeunload'事件.

var windowElement = angular.element($window);
windowElement.on('beforeunload', function (event) {
    // do whatever you want in here before the page unloads.        

    // the following line of code will prevent reload or navigating away.
    event.preventDefault();
});