how to detect back button click event angularJS

Question

I need to disable browser back button. Is there any way to detect browser back event using angularjs?

djehrame · Accepted Answer · 2014-11-20 06:11:32Z

1

Why do you want to do this? If you use the angular router it should handle back and forward button clicks and go to the appropriate routes and therefore show the correct pages.

If there is a page you don't want the user to be able to go back to, you can call $location.replace() to replace the current history item instead of adding new history. For example

// current page is /cat/new, a link on this page calls newCat('fluffy')
scope.newCat = function createCat(catzName) {
     scope.cat = { name: catzName }
     // go to the details page for that cat 
     $location.path('/cat/' + catzName);
     // don't let the user go back to /cat/new
     $location.replace();
}

answered Nov 20, 2014 at 6:11

djehrame

5664 silver badges17 bronze badges

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

1 Comment

Ihraz Over a year ago

because when I go back it mess up page contents with another state.

Collectives™ on Stack Overflow

how to detect back button click event angularJS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related