mdDialog: поймать событие onClose

Question

Я создаю почтовый ящик в угловом формате. И мне нужно будет сохранить черновик сообщения, когда всплывающее сообщение для отправки сообщения закрывается.

Я знаю, что есть несколько альтернатив:

scope.$on("$destroy", function() { saveMessage() }); 

и:

$mdDialog.show(...).finaly(function(){ saveMessage() }); 

Но оба являются недостаточными:

• Первый вызывается, когда диалог уже закрыт. Это связано с неприемлемыми требованиями (есть iFrame, который должен быть открыт)
• Вторая выходит за рамки контроллера mdDialog и несет ответственность за вызывающего абонента всплывающего окна, в то время как оно должно быть в самом всплывающем окне.

Итак, я ищу способ вызова функции ДО НАЧАЛА всплывающего окна. Нечто вроде scope.$on("$mdDialogBeforeClose", function() { saveMessage() });

Другим вариантом было бы подключить каждое закрытое событие. Кажется уродливым, но может быть решением. В этом случае мне нужно будет прислушиваться к кнопке эвакуации и выходить за пределы всплывающего окна (если бы я мог отключить эту функцию) ...

Любые лучшие идеи?

Thx!

EDIT:

Добавка вопрос: Как поймать побег-событие нажатия клавиши? Я попытался <md-dialog aria-label="List dialog" ng-keypress="keyPress($event)">, но это даже не вызвало ...

Answer 1

Может использовать onRemoving обратный вызов - CodePen

Из документов:

Разметки

<div ng-controller="MyController as vm" id="popupContainer" ng-cloak="" ng-app="app"> 
    <md-button class="md-primary md-raised" ng-click="vm.open($event)"> 
     Custom Dialog 
    </md-button> 

    <script type="text/ng-template" id="test.html"> 
    <md-dialog aria-label="Test"> 
     Hello! 
    </md-dialog> 
    </script> 
</div> 

JS

angular.module('app',['ngMaterial', 'ngMessages', 'material.svgAssetsCache']) 

.controller('MyController', function($scope, $mdDialog) { 
    this.open = function(ev) { 
    $mdDialog.show(
     { 
     templateUrl: "test.html", 
     clickOutsideToClose: true, 
     onRemoving: function (event, removePromise) { 
      console.log(123); 
     } 
    }); 
    }; 
}) 

Answer 2

Диалог вернуть обещание, используя которые вы можете обрабатывать диалоговое окно события закрыть

var dialogPromise = $mdDialog.show(
     { 
     templateUrl: "test.html", 
     clickOutsideToClose: true, 
     onRemoving: function (event, removePromise) { 
      console.log(123); 
     } 
    }); 

dialogPromise.then(function(){ 
    // hide method handler 
    // You can write your code here that execute after dialog close 
}, function(){ 

});