How to handle page unload in angular?

Prathaban Durai

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

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vinay Singh10y ago
Accepted 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
0
Prathaban Durai10y ago
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)
}
0