亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

AngularJS入門(mén)教程之Cookies讀寫(xiě)操作示例

 更新時(shí)間：2016年11月02日 11:03:18   作者：Rongbo_J  
這篇文章主要介紹了AngularJS的Cookies讀寫(xiě)操作,結(jié)合實(shí)例形式分析了ngCookies模塊與get和put方法進(jìn)行cookie讀寫(xiě)操作的相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了AngularJS的Cookies讀寫(xiě)操作。分享給大家供大家參考，具體如下：

雖然使用JavaScript創(chuàng)建和獲取Cookie很簡(jiǎn)單，AngularJS還是把它作為一個(gè)單獨(dú)的模塊進(jìn)行了封裝，模塊名為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讀寫(xiě)相關(guān)的服務(wù)$cookieStore注入到控制器中。通過(guò)$cookieStore的get和put方法進(jìn)行讀和寫(xiě)操作。

我們看一個(gè)完整的案例：

<!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>

在頁(yè)面加載時(shí)我們寫(xiě)入Cookies信息，cookie名為person，值為{name:"Rongbo_J",age:23}，點(diǎn)擊按鈕獲取cookie信息并以對(duì)話框的形式彈出。

接下來(lái)看一下效果：

AngularJS源碼可點(diǎn)擊此處本站下載。

希望本文所述對(duì)大家AngularJS程序設(shè)計(jì)有所幫助。

相關(guān)文章

最新評(píng)論