2016-04-27 12 views
2

Ich versuche beim Schließen eines modalen Popups auf eine Seite umzuleiten. Aber das passiert nicht.Methodenaufruf beim Schließen eines modalen Bootstrap-Popup-Fensters

Ich versuche, auf eine Seite umgeleitet werden entweder durch

state.go() oder durch location.path() verwenden. Hier

ist die Bestätigung Popup - Code in Winkel:

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(); 
} 

Wenn der Benutzer klickt auf die close() Taste ich meine Umleitung setzen Code soll.

enter image description here

Antwort

2

da die jqLite nicht modal Methode nicht unterstützt, sollten Sie $ anstelle von 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(...) 
     }) 
    }) 
} 
+0

$ timeout (function() {$ state.go (...) }) Was ist das für? Kannst du bitte Erklären .. ? – StrugglingCoder

+0

Hat nicht funktioniert :(... was sonst noch zu tun? Es leitet nicht um. – StrugglingCoder

+0

Bitte beachten Sie meine Updates, ich denke, der Grund ist, dass Sie 'angular.element' verwenden, die nicht unterstützt' modal' – MarkoCen

0

Dieses Ereignis wird ausgelöst, wenn die modale wurde von der verborgenen nicht fertig Benutzer (wird auf CSS-Übergänge warten, um abzuschließen).

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

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

+0

Aber wenn ich es tue 'angle.element (" # iConfirmationModal "). on ('versteckt', function() { $ location.path ('\ transaction \ search'); })' ... funktioniert nicht :( – StrugglingCoder

+0

versuche das .. $ (Element) .on ('hidden.bs.modal', function() { Bereich. $ Apply (function() { // etwas tun }); }); – DK3

Verwandte Themen