在子页面

Question

我想触发window.onbeforeunload方法，同时用户尝试刷新浏览器并显示一个消息，以便在离开前保存当前的工作。 我正在做一个angularjs应用程序。 以下是我的登陆页面网址

http:localhost:9000/#/parentPage/

点击按钮后，用户将导航到

http:localhost:9000/#/parentPage/childPage1/:id

在childPage1Ctrl中我定义了加载方法

window.onbeforeunload = function(){
    return "This is a message to remind you to save your experiment before leaving the page";
};

但是当我启动应用程序时，正在调用onbeforeunload方法。

1. 如何阻止此操作并将方法仅绑定到该特定页面？
2. 如何重新加载特定的子页面并从网址访问ID？

任何帮助将不胜感激。

Answer 1

当你的child contorller js在范围超出此控制器时销毁或取消注册onbeforeunload事件。

$scope.$on('$destroy', function() {
    delete window.onbeforeunload;
});