欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

AngularJS入門教程之Cookies讀寫操作示例

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

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

雖然使用JavaScript創(chuàng)建和獲取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信息并以對話框的形式彈出。

接下來看一下效果：

AngularJS源碼可點擊此處本站下載。

希望本文所述對大家AngularJS程序設計有所幫助。

相關文章

最新評論