angular中的cookie讀寫方法
更新時間：2017年08月02日 16:58:03 作者：amy01
本篇文章主要介紹了angular中的cookie讀寫方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
AngularJS中對cookie的操作封裝了一個單獨的模塊，模塊名為ngCookies，若想使用需在頁面中先引入angular-cookies.js：
<script src="js/angular.min.js"></script> <script src="js/angular-cookies.js"></script>
然后將ngCookies模塊注入到我們自定義的模塊的依賴模塊中：
var app = angular.module("myApp",['ngCookies']);
ngCookies模塊中有兩個cookies讀寫相關的服務：$cookies和$cookieStroe。無論使用哪種都要先將其注入到控制器中，為了比較二者的區(qū)別，都將其注入到控制器中：
app.controller('namesCtrl', ['$cookies','$cookieStore',function($cookies, $cookieStore){}]);
設置cookie用put()方法:
$cookies.put(key, value[, options]);
$cookieStore.put(key, value);
例如設置一個cookie，名為“userName”，值為“yangmin”：
//使用$cookies設置cookie
$cookies.put('userName', 'yangmin');
//使用$cookieStore設置cookie
$cookieStore.put('userName','yangmin');
獲取cookie用get()方法:
$cookies.get(key);
$cookieStore.get(key);
例如獲取上面設置的“userName”：
$cookies.get(userName);//yangmin
$cookieStore.get("userName"); //yangmin
刪除cookie用remove():
$cookies.remove(key[, options]);
$cookieStore.remove(key);
例如刪除“userName”
$cookies.remove("userName");
$cookieStore.remove("userName");
$cookies和$cookieStore的區(qū)別：
1.$cookies設置的cookie值一般為字符串，$cookieStroe可用于設置字符串、對象、數(shù)組等。
$cookies.put("person",{name:"Amy",age:23});
var person = $cookies.get("person");
console.log(person.age);//undefined
$cookieStore.put("person",{name:"Amy",age:23});
var person = $cookieStore.get("person");
console.log(person.age);//23
2.$cookies可設置參數(shù)，例如可設置cookie的過期時間。$cookieStore無法設置參數(shù)
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 1);
$cookies.put("userName",“yangmin”,{'expires': expireDate});//“userName”一天后過期
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
Angular.JS中的指令引用template與指令當做屬性詳解
這篇文章主要介紹了Angular.JS中的指令引用template與指令當做屬性的相關資料，文中介紹的非常詳細，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-03-03
Angular.JS讀取數(shù)據(jù)庫數(shù)據(jù)調(diào)用完整實例
這篇文章主要介紹了Angular.JS讀取數(shù)據(jù)庫數(shù)據(jù)調(diào)用,結合完整實例形式分析了AngularJS使用$http.get方法與后臺php交互讀取數(shù)據(jù)庫數(shù)據(jù)相關操作技巧,需要的朋友可以參考下2019-07-07
本文主要講解AngularJS ng-repeat 指令,這里對ng-repeat的基礎資料做了整理，并附有示例代碼，有興趣的朋友可以參考下2016-08-08
AngularJS的日期格式化有兩種形式，一種是在HTML頁面，一種是在JS代碼里，都是用到AngularJS的過濾器$filter2015-12-12
AngularJS中的Module類負責定義應用如何啟動，它還可以通過聲明的方式定義應用中的各個片段。我們來看看它是如何實現(xiàn)這些功能的2015-12-12
AngularJS實現(xiàn)的2048小游戲功能【附源碼下載】
這篇文章主要介紹了AngularJS實現(xiàn)的2048小游戲,可實現(xiàn)通過鍵盤W、S、A、D鍵控制上下左右移動進行游戲的功能,涉及AngularJS頁面元素動態(tài)操作及數(shù)值運算等相關操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01
使用typescript開發(fā)angular模塊并發(fā)布npm包
本篇文章主要介紹了使用typescript開發(fā)angular模塊并發(fā)布npm包，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
angularJs中json數(shù)據(jù)轉換與本地存儲的實例
今天小編就為大家分享一篇angularJs中json數(shù)據(jù)轉換與本地存儲的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
angular使用md5,CryptoJS des加密的方法
這篇文章主要介紹了angular使用md5,CryptoJS des加密的方法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
本篇文章主要介紹了深究AngularJS中$sce的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06