How to handle page unload in angular?

Question

Hi all My issue is window.onbeforeunload is triggering twice and so dialog window is shown twice which should not happen. i have tried all possible ways to prevent that event to fire but nothing is working. so planned to handle the navigation using angular. Is there any way to handle the page unload in angular ? I have tried using $destroy but its not working.. Thanks in advance

Vinay Singh · Answer

Hi Try the below link http://stackoverflow.com/questions/13885718/in-angularjs-how-to-detect-when-user-leaves-template-page http://stackoverflow.com/questions/27367728/detecting-page-unload-in-angularjs http://stackoverflow.com/questions/14809686/showing-alert-in-angularjs-when-user-leaves-a-page http://stackoverflow.com/questions/25533513/angularjs-window-onbeforeunload-in-one-controller-is-being-triggered-on-another

Prathaban Durai · Answer

i have handled using this code $scope.currentLocation = $location.url(); $scope.$on( $locationChangeSuccess  function handleLocationChangeStartEvent(event) { $scope.currentLocation = $location.url(); }) var startWatchingTimer = $timeout(startWatchingForLocationChanges 0 false ); var stopWatchingLocation = null ; function handleLocationChangeStartEvent(event) { event.preventDefault(); var targetPath = $location.path(); if ($scope.currentLocation != targetPath) { if (unsaved) { var temp = confirm( Do you want to leave the page? /n All the unsaved data will be lost ) if (temp) { $location.path(targetPath); stopWatchingLocation(); $scope.$applyAsync(startWatchingForLocationChanges); } else { window.stop(); } } } } // function startWatchingForLocationChanges() { stopWatchingLocation = $scope.$on( $locationChangeStart  handleLocationChangeStartEvent) }