javascript - 关闭浏览器或窗口时如何触发 Angularjs 事件？

Question

当用户在 angularjs 中使用关闭浏览器或窗口选项卡时，我想清除本地存储值。我尝试了以下代码。

window.addEventListener("beforeunload", function (e) {
        var confirmationMessage = "\o/";
        alert("exit");
        (e || window.event).returnValue = confirmationMessage; //Gecko + IE
        return confirmationMessage;                            //Webkit, Safari, Chrome
    });

在上面的代码中，它在刷新页面和关闭页面时询问确认警报消息。但是我只想在关闭浏览器/窗口选项卡时触发 angularjs 事件，而无需询问确认消息。

Answer 1

在我从事的最后一个项目中，我使用了以下代码:

$window.onbeforeunload = function (event) {
    if (self.form.$dirty) {
        return 'You have made changes, but you did not save them yet.\nLeaving the page will revert all changes.';
    }
}

首先，它执行检查以查看表单中的数据是否已更改。如果是这样，当用户试图关闭窗口或转到另一个 url 时，将显示一个弹出窗口，说明有未保存的更改。

所以在这个事件中你可以访问 Controller ，所以所有 Angular 事件都应该能够触发。