AngularJS — Cookies

Setup Cookies

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-cookies.min.js"></script>

var app = angular.module('myApp', ['ngCookies']);

Using Cookies

app.controller('CookieController', function($scope, $cookies) {
  // Set cookie
  $cookies.put('username', 'john');
  $cookies.put('preferences', JSON.stringify({ theme: 'dark' }));
  
  // Get cookie
  var username = $cookies.get('username');
  
  // Remove cookie
  $cookies.remove('username');
  
  // Get all cookies
  var allCookies = $cookies.getAll();
});

Cookie Options

$cookies.put('token', 'abc123', {
  expires: 'Thu, 01 Jan 2025 00:00:00 GMT',
  path: '/',
  secure: true
});

Session Management

app.factory('AuthService', function($cookies) {
  return {
    login: function(user) {
      $cookies.put('token', user.token);
      $cookies.put('user', JSON.stringify(user));
    },
    logout: function() {
      $cookies.remove('token');
      $cookies.remove('user');
    },
    getUser: function() {
      return JSON.parse($cookies.get('user') || '{}');
    }
  };
});

Mini Practice

1. Set and get cookies
2. Remove cookies
3. Implement session management
4. Store user preferences

Up Next

Continue with Security — AngularJS security.