Getting undefined while retrieving cached data on page refresh

[shailv]

Hi, I am having the same problem as #175 . When I refresh the page, the cached data gets wiped out and I get an undefined when I try to get the cache value. I am storing in localStorage. Here's my code:

app.factory('LogInService', ['$http', '$q', 'CacheFactory', function($http, $q, CacheFactory){

        var userData = {'firstName': '','lastName': ''};
    var userCache = {};
    var cacheOptions = CacheFactory('userDataCache', {
        maxAge: 15 * 60 * 1000, // Items added to this cache expire after 15 minutes.
        cacheFlushInterval: 60 * 60 * 1000, // This cache will clear itself every hour.
        deleteOnExpire: 'aggressive', // Items will be deleted from this cache right when they expire.
        storageMode: 'localStorage' // This cache will use `localStorage`.
    });

return{
        //save to cache
        saveUserData: function (userInfo){
            var deferred = $q.defer();
            //post user data
            $http.post('/test', angular.toJson(regularUser)).then(function success(response){});

            //save to cache
            if(!CacheFactory.get('userDataCache')){
                userCache = CacheFactory.createCache('userDataCache',cacheOptions);
                userCache.put('userDataCache', userData);
            }
            else{
                userCache = CacheFactory.get('userDataCache');
                userCache.touch('userDataCache', userData);
            }
            deferred.resolve(true);
            return deferred.promise;
        },
        //get from cache
        getUserData: function(){
            if(!CacheFactory.get('userDataCache')){
                //create cache again
                userCache = CacheFactory('userDataCache');
                return userCache.get('userDataCache');
            }
            else{
                //**** On page refresh, userCache object become empty *****
                userCache = CacheFactory.get('userDataCache');
                console.log(userCache.get('userDataCache'));// **this is undefined**
                return userCache.get('userDataCache');
            }
        }
      }
}]);

[AnthonyCC]

you are calling touch userCache.touch('userDataCache', userData); , touch does not put the data in the cache, it just reset the timer for that key

[shailv]

Thank you @AnthonyCC! It is working now.