AngularJS实战之cookie的读取

最新推荐文章于 2024-10-16 07:55:40 发布

最新推荐文章于 2024-10-16 07:55:40 发布 · 200 阅读

文章标签：

#AngularJS #cookie

AngularJS 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个使用Angular框架来实现Cookies管理的小型应用案例。通过简单的HTML页面与AngularJS结合，演示了如何设置、获取和删除Cookies。具体操作包括初始化设置Cookies、读取Cookies中的数据以及移除指定的Cookies。

<!DOCTYPE html>
<html ng-controller="cookies_controller">
<head>
<title>cookies.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">

</head>

<body>
	<div ng-click="init()">设置</div>
	<div ng-click="get()">获取</div>
	<div ng-click="remove()">移除</div>
</body>
<script type="text/javascript" src="../plugins/angular/angular.js"></script>
<script type="text/javascript"
	src="../plugins/angular/angular-cookies.min.js"></script>
<script>
	var cookies = angular.module("cookies", [ 'ngCookies' ]);

	cookies.controller("cookies_controller", function($scope, $cookieStore) {
		//设置和读取
		$scope.init = function() {
			alert(new Date(new Date().getTime()));
			$cookieStore.put("book", {page : "120",price : 23});
		};
		$scope.get=function(){
			alert(angular.toJson($cookieStore.get("book")));
		};
		$scope.remove=function(){
			$cookieStore.remove('book');
		};
	});
	angular.bootstrap(document, [ 'cookies' ]);
</script>
</html>