index.html
<html ng-app="DemoApp">
<head>
<title>AngularJS with Cookies Example</title>
<link rel="stylesheet" href="style.css">
<script src="http://code.angularjs.org/1.2.9/angular.min.js"></script>
<script src="http://code.angularjs.org/1.2.9/angular-cookies.min.js"></script>
<script src="script.js"></script>
</head>
<body>
<div ng-controller="DemoController">
<p>
{{person.name}} -- {{person.age}}
</p>
</div>
</body>
</html>
script.js
var DemoApp = angular.module('DemoApp', ['ngCookies'])
DemoApp.controller('DemoController', function ($cookieStore, $scope) {
$cookieStore.put("name", "my name");
$cookieStore.get("name") == "my name";
$cookieStore.remove("name");
$cookieStore.put("persion", {
name: "my name",
age: 18
});
$scope.person = $cookieStore.get("persion");
})