$cookieStore example

Demonstration of AngularJS cookie functions

by mmendelson

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.1/angular-cookies.min.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">Value: {{value}}
    <br/>
    <input ng-model="value" />
    <button ng-click="clear()">Clear</button>
    <br/>
    <button ng-click="setValue()">Set</button>
    <button ng-click="getValue()">Get</button>
    <button ng-click="delValue()">Delete</button>
</div>

JavaScript

angular.module('myApp', ['ngCookies'])
    .controller('myCtrl', ['$scope', '$cookieStore', function ($scope, $cookieStore) {
    $scope.setValue = function () {
        $cookieStore.put("myValue", $scope.value);
    };

    $scope.getValue = function () {
        $scope.value = $cookieStore.get('myValue');
    };

    $scope.delValue = function () {
        $scope.value = $cookieStore.remove('myValue');
    };

    $scope.clear = function () {
        $scope.value = '';
    };

    $scope.getValue();
}]);