AngularJS入门教程之Cookies读写操作示例

前端之家收集整理的这篇文章主要介绍了AngularJS入门教程之Cookies读写操作示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了AngularJS的Cookies读写操作。分享给大家供大家参考,具体如下:

虽然使用JavaScript创建和获取Cookie很简单,AngularJS还是把它作为一个单独的模块进行了封装,模块名为ngCookies,和前面的教程中做法一样,先引入angular-cookies.js:

然后將ngCookies模块注入到我们自定义的模块中:

这里我们需要把Cookies读写相关的服务$cookieStore注入到控制器中。通过$cookieStore的方法进行读和写操作。

我们看一个完整的案例:

Meta charset="UTF-8"> tutorial08 获取Cookies信息

页面加载时我们写入Cookies信息,cookie名为person,值为{name:"Rongbo_J",age:23},点击按钮获取cookie信息并以对话框的形式弹出。

接下来看一下效果

AngularJS源码可点击此处本站下载

希望本文所述对大家AngularJS程序设计有所帮助。

原文链接:https://www.f2er.com/js/44700.html

猜你在找的JavaScript相关文章