AngularJS browser back button detection on a form

Question

I have a form page, that a user will use to insert a certain value on the database.

What I want to do is, detect if the user clicked the back button on the browser and show a modal asking if he wants to continue filling the form or really go back.

Can this be done with AngularJS?

@james00794 State change events are deprecated, DISABLED and replaced by Transition Hooks as of version 1.0 — Jonathan Brizio
– Jonathan Brizio, Commented Nov 7, 2017 at 18:57

Jonathan Brizio · Accepted Answer · 2017-11-07 18:54:50Z

0

You can use the hook OnExit of the UI-Router. That hook is invoked when a state is being exited:

$stateProvider.state({
  name: 'your-state',
  onExit: ['MyService', function (MyService) {
    return MyService.openModal();
  }]
});

Here, on the official documentation you can find more details about how this works.

Keep rocking!

answered Nov 7, 2017 at 18:54

Jonathan Brizio

1,2601 gold badge15 silver badges30 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

WilsonPena Over a year ago

Unfortunately this won't do the trick because I have many child states that make up the form. And a parent state that directs to these child states. So if I use onExit, the popup will show everytime the user changes the "sub-form".

Jonathan Brizio Over a year ago

I understand your problem. Other option can be fire the modal when the mouse leaves the window

Collectives™ on Stack Overflow

AngularJS browser back button detection on a form

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related