UI-Bootstrap，浏览器后退按钮不是关闭模式

Question

我创建了一个包含弹出窗口的项目。我可以通过$uibModalInstance.dismiss('cancel')关闭弹出窗口。它正在我的所有页面上工作。但是当我想通过浏览器后退按钮关闭弹出窗口时，弹出窗口没有关闭我注意到当我点击浏览器后退按钮时，运行功能正在运行。

function run(stateHandler, $uidModalStack, $rootScope){
  $rootScope.$on('stateChangeStart',function(event){
    //to do
  }
} 

我不能使用$uibModalInstance.dismiss('cancel')或类似的东西（$ uidModalStack）。你有什么想法吗？`

Answer 1

使用$uibModalStack.dismissAll()更改状态时，可以强制关闭所有模态，但将其放在$stateChangeSuccess处理程序

中

function run($rootScope, $uibModalStack) {
    $rootScope.$on('$stateChangeSuccess', function(toState, toParams, fromState, fromParams) {
        $uibModalStack.dismissAll();
    });
}