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