AngularJS入门教程之Cookies读写操作示例
(编辑：jimmy 日期: 2026/5/3 浏览：3 次 )
本文实例讲述了AngularJS的Cookies读写操作。分享给大家供大家参考，具体如下：
虽然使用JavaScript创建和获取Cookie很简单，AngularJS还是把它作为一个单独的模块进行了封装，模块名为ngCookies，和前面的教程中做法一样，先引入angular-cookies.js：
<script type="text/javascript" src="/UploadFiles/2021-04-02/angular-cookies.js">然后將ngCookies模块注入到我们自定义的模块中：
var cookiesMod = angular.module("cookiesMod",['ngCookies']);这里我们需要把Cookies读写相关的服务$cookieStore注入到控制器中。通过$cookieStore的get和put方法进行读和写操作。
我们看一个完整的案例：
<!DOCTYPE html> <html ng-app="cookiesMod"> <head lang="en"> <meta charset="UTF-8"> <script type="text/javascript" src="/UploadFiles/2021-04-02/angular.js">在页面加载时我们写入Cookies信息，cookie名为person，值为{name:"Rongbo_J",age:23}，点击按钮获取cookie信息并以对话框的形式弹出。
接下来看一下效果：
AngularJS源码可点击此处本站下载。
希望本文所述对大家AngularJS程序设计有所帮助。
下一篇：js导出excel文件的简洁方法(推荐)
在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。