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

本文实例讲述了AngularJS的饼干读写操作。分享给大家供大家参考，具体如下：

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

脚本类型=' text/JavaScript ' src=' http : angular-1。3 .0 .14/棱角分明的饼干。js /脚本然后將ngCookies模块注入到我们自定义的模块中：

var cookiesMod=angular。模块(' cookiesMod '，[' ngCookies '])；这里我们需要把饼干读写相关的服务$cookieStore注入到控制器中。通过$cookieStore的得到和放方法进行读和写操作。

我们看一个完整的案例：

！DOCTYPE html html ng-app=' cookiesMod ' head lang=' en ' meta charset=' UTF-8 '脚本类型=' text/JavaScript ' src=' http : angular-1。3 .0 .14/棱角分明。js /脚本脚本类型=' text/JavaScript ' src=' http : angular-1。3 .0 .14/棱角分明的饼干。js /脚本标题教程08/标题head dy ng-controller=' cook获取饼干信息/button/body脚本var cookiesMod=angular。模块(' cookiesMod '，[' ngCookies '])；cookiesmod。controller(' cookies controller '，function($scope，$log，$ cookieStore){ $ scope。init=function(){ $ log。信息(' init functionn ')；$cookieStore.put('person '，{name:'Rongbo_J '，age :23 })；} $ scope。getinfo=function(){ var person=$ cookiestore。get(' person ')；alert('name : ' person.name '，' age : ' person。年龄)；} });/script/html在页面加载时我们写入饼干信息嘿，饼干名为人，值为{姓名： '荣博_J '，年龄：23},点击按钮获取甜饼干信息并以对话框的形式弹出。

接下来看一下效果：

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

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