How can I ask users to confirm before leaving the page on the Aurelia.js

Question

I have an long operation on the page. How can I said user wait a bit when he make the navigation change?

The idea is to show the promt dialog. But the trouble prevent default Aurelia router behavior.

How make it works in Aurelia.js?

Answer 1

You could use the canDeactivate hook of your view-model. Like this:

canDeactivate() {
   return confirm('Are you sure you want to leave this page?');
}

canDeactivate() - Implement this hook if you want to control whether or not the router can navigate away from your view-model when moving to a new route. Return a boolean value, a promise for a boolean value, or a navigation command.

More information at http://aurelia.io/docs.html#/aurelia/framework/1.0.0-beta.1.2.2/doc/article/cheat-sheet/7