angularjs - 如何检测用户是否单击Angularjs中的浏览器后退按钮

Question

我有一个类似表单的页面，里面有一些数据。并希望在用户单击浏览器后退按钮时显示弹出/警报，询问“他们是要返回还是留在同一页面上”。我正在使用 angular-ui-router 的 $stateProvider并且只想将此绑定(bind)到一个状态/ View 。

Answer 1

这是我之前对其他问题的回答，但它应该对你有帮助
您可以使用 angular $routeChangeStart 来完成
$routeChangeStart
在路线更改之前广播。此时，路由服务开始解决发生路由更改所需的所有依赖项。通常这涉及获取 View 模板以及在解析路由属性中定义的任何依赖项。一旦解决了所有依赖项，就会触发 $routeChangeSuccess。
可以通过调用 $location 来阻止路由更改(以及触发它的 preventDefault 更改)。事件的方法。见 $rootScope.Scope有关事件对象的更多详细信息。

所以请试试下面的代码。

  $scope.$on('$routeChangeStart', function (scope, next, current) {
        if (next.$$route.controller != "Your Controller Name") {
            // Show here for your model, and do what you need**
            $("#yourModel").show();
        }
    });

更新:
您需要在模型弹出窗口中编写您的功能性工作。像
放一些链接按钮

您确定要转到上一页吗？

你想留在当前页面吗？

您要注销吗？等

然后为 go prev 页面添加 ng-click 事件，使用 return false 保持当前页面， ETC。