AngularJS Cookie Example -Tutorial Savvy

AngularJS framework provides cookie module ngCookies package.Also it provides cookieStore object with get(),put() and remove() method.

The cookie feature is available in angular-cookies.min.js file.

In this demo, "We will demonstrate cookie and cookieStore use in simple example".

<!DOCTYPE html>
<html ng-app="myApp">

<head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.1/angular-cookies.min.js"></script>
    <meta charset="utf-8">
    <title>AngularJS Cookies Example</title>
</head>

<body ng-controller="MyController">
    {{platformCookie}} {{myFruit}}

    <script>
        var myApp = angular.module('myApp', ['ngCookies']);

        myApp.controller('MyController', ['$scope', '$cookies', '$cookieStore', '$window', function($scope, $cookies, $cookieStore, $window) {
            $cookies.userName = 'Sandeep';
            $scope.platformCookie = $cookies.userName;
            $cookieStore.put('fruit', 'Apple');
            $cookieStore.put('flower', 'Rose');
            $scope.myFruit = $cookieStore.get('fruit');
        }]);
    </script>
</body>

</html>

Below code represents the JSBIN for the tutorial and also present in JSBIN link.

AngularJS Cookies Example

AngularJS Cookie Example

Related

Sandeep