Disable routing on page refresh in angular js

Question

I have a route provider like this

app.config(function ($routeProvider, $locationProvider){
$locationProvider.hashPrefix('');


$routeProvider
.when('/', {
    templateUrl: 'login.html',
    controller: 'loginCtrl'
})
.when('/home', {
    resolve:{
        "check":function($location, $rootScope){
            if(!$rootScope.loggedIn){
                $location.path('/');
            }
        }
    },
    templateUrl:'home.html',
    controller: 'homeCtrl'
})
.otherwise({
    redirectTo: '/'
   });
});

login.html is the first page of my app.

But after login, on reloading any page that will ends up in the login.html page

I want other pages keep alive on refresh and login.html as my opening page

Hardik Patel · Accepted Answer · 2017-07-31 09:35:19Z

1

Reloading page will recreate $rootScope every time. So you need to store login details in any storage like localstorage.

http://blog.teamtreehouse.com/storing-data-on-the-client-with-localstorage

This link might help you. you need to store data once you successfully logged in. and get stored data and validate the use while resolving url.

edited Jul 31, 2017 at 9:35

answered Jul 31, 2017 at 9:26

Hardik Patel

3,9581 gold badge27 silver badges39 bronze badges

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

5 Comments

Ravisankar R Over a year ago

Thanks for the comment, If there is any working example links? Please

Hardik Patel Over a year ago

youtube.com/… this might be helpful

Hardik Patel Over a year ago

@RavisankarR Please mark it as answer if it works for you

Ravisankar R Over a year ago

it's angular 2, i'm using angular 1

Hardik Patel Over a year ago

Yes but use of localstorage or session storage would be same.

score 0 · Accepted Answer · 2017-07-31 10:00:49Z

0

scotchApp.config(function($stateProvider, $urlRouterProvider, $compileProvider, $locationProvider) {
        $locationProvider.html5Mode(true);
        $compileProvider.debugInfoEnabled(false);
        // route for the home page

        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl : 'pages/home.html',
                controller  : 'mainController'
            })

            // route for the about page
            .state('about', {
                url: '/about',
                templateUrl : 'pages/about.html',
                controller  : 'aboutController'
            })

            // route for the contact page
            .state('contact', {
                url: '/contact',
                templateUrl : 'pages/contact.html',
                controller  : 'contactController'
            });

            $urlRouterProvider.otherwise('home');
    });

Try something like this.

edited Jul 31, 2017 at 10:00

answered Jul 31, 2017 at 9:07

user8317956

3 Comments

Ravisankar R Over a year ago

In that link also if you reload the about page, it will redirect to home page.

user8317956 Over a year ago

Download and check in local. It's nt redirecting to home

Ravisankar R Over a year ago

Yeah, but it's just hash tag routing

Collectives™ on Stack Overflow

Disable routing on page refresh in angular js

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related