标签：cookies AngularJS Cookies module Step cookie cookieStore Example name

AngularJS Cookies Example

AngularJS 提供了很好的 $cookie 和 $cookieStore API 用来处理 cookies 。 这两个服务都能够很好的发挥HTML5 cookies，当HTML5 API可用时浏览器会选择使用HTML5提供的API，如果不可用则默认选择document.cookies。无论那种方式，你都可以选择使用相同的API来进行工作。

Step 1 - include cookies module

第一步加载JS文件，并且依赖 cookie module

<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>

创建 angular module

var DemoApp = angular.module( 'DemoApp', ['ngCookies'] ).config( demoConfig );

Step 2 - Inject into controller

将cookie module 注入到 controller 中

DemoApp.controller('DemoController', function($cookieStore, $scope, $location, $routeParams, $http , $timeout ){ .. body here .. })

Step 3 - Using the $cookieStore

现在可以使用 ‘put’ 、 ‘get’ 、‘remove’ 方法操作 cookie , $cookieStore 可以直接存储对象到cookie中，它会使用angularjs 的 toJson/fromJson 自动序列化和反序列化

$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");

Step 4 - Using the $cookie

DemoApp.controller('DemoController', function ($cookies, $scope) {
        $cookies.myFavorite = 'oatmeal haha';
})    

Step 5 Demo Code

• $cookieStore Demo Code
• $cookies Demo Code

标签：cookies,AngularJS,Cookies,module,Step,cookie,cookieStore,Example,name
来源： https://blog.51cto.com/u_15283585/2957672

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。