Закрыть $ mdDialog на кнопке браузера нажмите кнопку - AngularJS

Question

В настоящее время у меня есть $mdDialog, который при открытии является полной страницей и имеет форму внутри него. Когда пользователь нажимает отменить $mdDialog закрывается вызовом этой функции

$mdDialog.cancel(); 

Однако, я хочу также закрыть $mdDialog, когда пользователь нажимает браузеры кнопку назад, это то, что я ищу, чтобы сделать

backButtonWasClicked = function() } 
    $mdDialog.cancel(); 
} 

Как это можно сделать? Я думал о том, чтобы помещать хэш в URL-адрес, когда $mdDialog показывает как mywebsite.com/page#dialog, а затем как-то, когда пользователь нажимает кнопку «Назад», он может видеть этот хеш, закрывать диалог и удалять хэш. Я не уверен, что это лучший способ.

Можно ли это сделать?

Answer 1

Я нашел решение для всех, кто захочет получить такую ​​же функциональность.

Это код, который создает мой $mdDialog

$scope.showOrderFormOverlay = function (ev) { 
    $mdDialog.show({ 
     templateUrl: '/Partials/dialog.html', 
     parent: angular.element(document.body), 
     targetEvent: ev, 
     clickOutsideToClose: false, 
     escapeToClose: false, 
     fullscreen: true, 
     focusOnOpen: false, 
     onComplete: function() { 
      $('.md-dialog-container').addClass('fullscreen'); 
      $location.hash("this-can-be-whatever"); 
     } 
    }); 
}; 

Я впрыскивается $location в контроллер, который создает мой $mdDialog. Затем я добавил эту строку $location.hash("this-can-be-whatever") в функцию onComplete. Это добавляет хеш к текущему url mywebsite.com/page, поэтому после того, как вы откроете $mdDialog, это будет выглядеть так: mywebsite.com/page#this-can-be-whatever.

Тогда внутри моих $mdDialog «ы контроллер я добавил эту функцию,

window.onpopstate = function() { 
    if (window.location.hash == "") { 
     $mdDialog.cancel(); // Cancel the active dialog 
    } 
} 

Это позволит удалить хэш из URL и закройте $mdDialog.