AngularJS Cookies Example
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
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。