$ mdDialog.confirm() z niestandardowym templateUrl

Question

Używam $ mdDialog w mojej aplikacji, ale chciałbym użyć go jako "potwierdzenia" zamiast zwykłego. Oznacza to, że przepływ kodu nie powinien trwać, dopóki użytkownik nie kliknie jednego z dwóch przycisków w oknie dialogowym potwierdzenia. Zauważyłem, że można użyć $ mdDialog.confirm(), ale nie jestem pewien, jak użyć go z niestandardowym templateUrl i odpowiednim kontrolerem jako treścią okna dialogowego.

Poniżej znajduje się to, co napisałem, co działa dobrze w odniesieniu do okna dialogowego, ale przepływ kodu nie kończy się po otwarciu okna dialogowego. Powinien się zatrzymać, dopóki użytkownik nie kliknie OK lub Anuluj.

$mdDialog.show({ 
     controller: 'incomingCallDialogController', 
     templateUrl: 'app/components/others/incomingCallDialog/incomingCallDialog.tpl.html', 
     locals: {message: message}, 
     parent: angular.element(document.body) 
    }).then(function (answer) { 
     console.log("here"); 
    } 

Answer 1

Zasadniczo byłoby coś jak:

var confirm = $mdDialog.confirm({ 
     controller: 'incomingCallDialogController', 
     templateUrl: 'app/components/others/incomingCallDialog/incomingCallDialog.tpl.html', 
     locals: {message: message}, 
     parent: angular.element(document.body) 
    }) 
    $mdDialog.show(confirm).then(function() { 
     console.log("here"); 
    } 

Oto codepen.