How to detect cookie expiration in AngularJS?

Question

It seem $watch not work with cookies expires. Here is the code I tried

 $scope.$watch(function(){
        return $cookies.get('cookies')
    },function(newVal,oldVal){
        if(!newVal){
            console.log('ok')

        }
    })

I can check it with $interval. But I dont want call digest cycle every 2s , or 5s.

$scope.watch will watch cookie much more frequently than every 2s or 5s — harishr
– harishr, Commented Jun 29, 2017 at 3:39
@harishr yes , but it seem it not work when I delete cookies , or cookies expired — Akashii
– Akashii, Commented Jun 29, 2017 at 3:58
Watch functions are only triggered if there is a digest cycle. If there is no digest cycle, the watch function will not execute and will not detect the expiration of the cookie. Use $interval which is guaranteed to initiate a digest cycle at the specified interval. — georgeawg
– georgeawg, Commented Jun 29, 2017 at 4:06

fracz · Accepted Answer · 2017-06-29 06:07:21Z

Unfortunately, it is not possible to read the cookie expiration time in JS so my first idea of iterating over them and executing action on their expiration dates is not possible.

If you don't want to start a digest on every "cookie check", you can disable invoking it with the fourth parameter for the $interval set to false. See the $interval docs.

Example code:

.run(function($cookies, $interval) {
  var previouslyAvailableCookies = Object.keys($cookies.getAll());
  var watchCookieChanges = function() {
     var availableCookies = Object.keys($cookies.getAll());
     var expiredCookies = previouslyAvailableCookies.filter(function(cookieName) { return availableCookies.indexOf(cookieName) < 0; });
     var newCookies = availableCookies.filter(function(cookieName) { return previouslyAvailableCookies.indexOf(cookieName) < 0; });
     if (expiredCookies.length || newCookies.length) {
       document.writeln("<p>New cookies: " + newCookies 
                      + "<br>Expired cookies: " + expiredCookies + '</p>');
     }
    previouslyAvailableCookies = availableCookies;
  };
  $interval(watchCookieChanges, 3000, 0, false);
})

And a codepen.

Collectives™ on Stack Overflow

How to detect cookie expiration in AngularJS?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related