AngularJs轻松入门(八)Cookies读写
来源:互联网 发布:苹果拨号软件 编辑:程序博客网 时间:2024/06/03 23:45
虽然使用JavaScript创建和获取Cookie很简单,AngularJs还是把它作为一个单独的模块进行了封装,模块名为ngCookies,和前面的教程中做法一样,先引入angular-cookies.js:
<script type="text/javascript" src="angular-1.3.0.14/angular-cookies.js"></script>
然后將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="angular-1.3.0.14/angular.js"></script> <script type="text/javascript" src="angular-1.3.0.14/angular-cookies.js"></script> <title>tutorial08</title></head><body ng-controller="CookiesController" ng-init="init()"><button ng-click="getInfo()">获取Cookies信息</button></body><script> var cookiesMod = angular.module("cookiesMod",['ngCookies']); cookiesMod.controller("CookiesController",function($scope,$log,$cookieStore){ $scope.init = function() { $log.info("init functionn"); $cookieStore.put("person",{name:"Rongbo_J",age:23}); } $scope.getInfo = function() { var person = $cookieStore.get("person") ; alert("name : " + person.name +" , "+ "age : " + person.age); } });</script></html>
在页面加载时我们写入Cookies信息,cookie名为person,值为{name:"Rongbo_J",age:23}
,点击按钮获取cookie信息并以对话框的形式弹出。
接下来看一下效果:
2 0
- AngularJs轻松入门(八)Cookies读写
- AngularJs轻松入门(二)数据绑定
- AngularJs轻松入门(三)MVC架构
- AngularJs轻松入门(四)模块化
- AngularJs轻松入门(五)过滤器
- AngularJs轻松入门(六)表单校验
- AngularJs轻松入门
- AngularJs轻松入门(一)创建第一个应用
- AngularJs轻松入门(七)多视图切换
- AngularJs轻松入门(九)与服务器交互
- AngularJs轻松入门(一)创建第一个应用
- AngularJs轻松入门源码托管至Github
- AngularJs轻松入门源码托管至Github
- cookies读写
- cookies读写
- 读写cookies
- AngularJS with Cookies Example
- AngularJS Cookies Example
- 华为机试-最大公约数
- [iOS]MVVM-框架介绍
- 矩阵按列归一化(转载http://blog.sciencenet.cn/blog-86695-785606.html)
- php中foreach()函数的用法
- C# 反射
- AngularJs轻松入门(八)Cookies读写
- 黑马程序员_java学习日记num16
- static_cast, dynamic_cast, reinterpret_cast, const_cast区别比较
- 第九周项目1(1)-复数类中的运算符重载(续)
- 【leetcode】Pascal's Triangle
- 博客申明
- L脚本语言字符串处理
- 安卓应用开发之activity
- ubuntu挂载移动硬盘出现错误:mount:unknown filesystem type 'exfat'