Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Regular JavaScript has window.onbeforeunload. How do I emulate the same in AngularJS with HTML5 routes?
There is $beforeRouteChange, but it doesn’t allow you to cancel the event as far as I can tell.
To clarify: window.onbeforeunload would work for navigating away from the page, but not for intra page navigation, e.g. going from one controller to another just through the HTML5 history API.
There is a
$locationChangeStartevent which can be canceled.Since it hasn’t been documented yet, here is the unit test describing how it affects the
$routeservice.https://github.com/angular/angular.js/blob/v1.0.1/test/ng/routeSpec.js#L63
This doesn’t provide a confirmation for the user like
window.onbeforeunloaddoes. You need to bring your own dialog service and restart the location change process to get the same effect (or you could just use the synchronous$window.confirm).