使用UI-Router防止后退按钮上的状态更改

Question

我的应用程序中有一个页面编辑器，如果有未保存的更改，如果他们尝试导航，我希望它提示用户保存。 我设法覆盖了关于窗口重新加载和链接的基础，但我似乎无法通过后退/前进按钮单击阻止UI-Router进行状态更改。

我试图从$stateChangeStart事件中做到这一点，我有点不确定如何暂停状态更改。 我也试过$window.onpopstate但它似乎落后于路由器一步。

Answer 1

试试这个：

$scope.$on('$stateChangeStart', function(event) {
    if ($scope.unsavedChanges) { //or however you check for unsaved changes
        event.preventDefault();
    }
});