关闭引导模式弹出窗口时调用方法

时间:2016-04-27 17:53:49

标签: javascript angularjs twitter-bootstrap

我正在尝试在关闭模式弹出窗口时重定向到某个页面。但那并没有发生。

我正在尝试使用

重定向到某个页面

state.go()location.path()

以下是angular:

中的确认弹出代码
function modalMessage($rootScope,result) {
    $rootScope.FinalMessage = result.finalMessage;
    $rootScope.ReasonOrTransKey = result.ReasonOrTransKey;
    $rootScope.ConfirmationMessage = result.ConfirmationMessage;

    //Finds element with attribute iConfirmationModal
    angular.element("#iConfirmationModal").modal();
}

当用户点击关闭()按钮时,我想放置我的重定向代码。

enter image description here

2 个答案:

答案 0 :(得分:2)

由于jqLit​​e不支持modal方法,因此您应使用$代替angular.element

Plunker

function modalMessage($rootScope,result) {
     $rootScope.FinalMessage = result.finalMessage;
     $rootScope.ReasonOrTransKey = result.ReasonOrTransKey;
     $rootScope.ConfirmationMessage = result.ConfirmationMessage;

     //Finds element with attribute iConfirmationModal
     $("#iConfirmationModal").modal();
     $("#iConfirmationModal").on('hidden', function(){
        $timeout(function(){
            $state.go(...)
        })
     })
}

答案 1 :(得分:0)

当模态完成对用户的隐藏时将触发此事件(将等待css转换完成)​​。

angular.element("#iConfirmationModal").on('hidden', function () {
  // do something…
})

http://getbootstrap.com/2.3.2/javascript.html#modals