AngularJS data gets "reset" after refresh

Question

I have a very basic login service, no real authentication, but when if i redirect with a page refresh using $window.location.href the data is lost. When the user gets 'logged in' and the page is redirected to the homepage, instead its resolves as loggedIn = false and redirects back to the login page.

How can i prevent this from happening?

Code snippets:

LoginController

ApiService.getUser($scope.user)
                .success(function (data) {
                    UserService.user = data;
                    UserService.isLogged = true;
                    $window.location.href = '/';
                })

UserService

return {
        user: {},
        isLogged: false
    };

RequireLoginService

return {
    loginRequired: function () {
        var deferred = $q.defer();

        if (!UserService.isLogged) {
            deferred.reject();
            $location.path('/login');
        } else {
            deferred.resolve()
        }

        return deferred.promise;
    }
}

app module

$routeProvider
    .when('/', {
        templateUrl: 'views/sheet.html',
        controller: 'SheetCtrl',
        resolve: {
            loginRequired: function(RequireLoginService) {
                return RequireLoginService.loginRequired();
            }
        }
    })

use $location.path() instead of window.location just like you do in RequireLoginService — Nitsan Baleli
– Nitsan Baleli, Commented Feb 4, 2015 at 13:53
That's what i did before, but i do need a refresh on the login page for i have a controller for my navbar that is outside the ng-view which requires a refresh on the whole page to show that data correctly. — Taerus
– Taerus, Commented Feb 4, 2015 at 14:00
When you refresh the page, your application is restarted. You have to use local storage or cookies to store information about user. — Serhii Holinei
– Serhii Holinei, Commented Feb 4, 2015 at 14:13

jrkt · Accepted Answer · 2015-11-15 01:40:27Z

0

Store the user data in Local Storage and populate the input fields with that data if it's available. A useful object for storage data in Local Storage:

var LocalStorageManager = {
    setValue: function(key, value) {
        window.localStorage.setItem(key, JSON.stringify(value));
    },
    getValue: function(key) {
        try {
            return JSON.parse(window.localStorage.getItem(key));
        } catch (e) {

        }
    }
};

To store data:

LocalStorageManager.setValue("key",data);

To retrieve that data:

LocalStorageManager.getValue("key");

answered Nov 15, 2015 at 1:40

jrkt

2,7857 gold badges35 silver badges55 bronze badges

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

1 Comment

Claus Over a year ago

how safe is this solution?

Taerus · Accepted Answer · 2015-02-04 14:14:36Z

-1

Thinking in another perspective made me find an answer. I just needed to put a watch on the controller that needs the data 'refreshed' instead of trying to refresh the page as a whole.

As follows:

$scope.$watch(function () { return UserService.user.username; }, function (value) {
        $scope.user = value;
    });

Cheers.

answered Feb 4, 2015 at 14:14

Taerus

4757 silver badges20 bronze badges

Collectives™ on Stack Overflow

AngularJS data gets "reset" after refresh

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related