MVC SPA browser navigation buttorns

Question

User-1350516731 posted

Hello!

In the single-page application is not working these buttons (next/back), manual modification history does not help browser. I stumbled on the Internet on a solution using anchors #. Can you tell us more details and step by step how to use it? For example, routes processed manually. Please, provide basic examples.

Thank you.

Answer 1

User61956409 posted

Hi Alex,

In the single-page application is not working these buttons (next/back), manual modification history does not help browser. I stumbled on the Internet on a solution using anchors #. Can you tell us more details and step by step how to use it?

This blog explained about “Fixing the Back Button: A Simple SPA Behavior using Location Hash”, you could check it.

http://blog.falafel.com/fixing-back-button-simple-spa-behavior-using-location-hash/

Best Regards,

Fei Han

Answer 2

User-1350516731 posted

Thank you. Is there any other way?

Answer 3

User-1926401737 posted

hi,

This article explained pushState and Single-Page apps, you could check it.

http://www.frontendjournal.com/html5-pushstate-and-single-page-apps/

with regards,

swing

Answer 4

User-474980206 posted

this is normally managed by the routing framework you pick. there are dozens of these. here are some simple ones:

  https://www.npmjs.com/package/routes-js
  https://github.com/tildeio/router.js/
  http://millermedeiros.github.io/crossroads.js/

 many more are available. just google "javascript routing library"

Answer 5

User-129908252 posted

app.run(function($rootScope, $location) {
    $rootScope.$on('$locationChangeSuccess', function() {
        if($rootScope.previousLocation == $location.path()) {
            console.log("Back Button Pressed");
        }
        $rootScope.previousLocation = $rootScope.actualLocation;
        $rootScope.actualLocation = $location.path();
    });
});

This will also trigger if the user clicks the Forward button or if they navigate to the last page they were on,
rather than clicking the back button