angular中的cookie讀寫方法
更新時間：2017年08月02日 16:58:03 作者：amy01
本篇文章主要介紹了angular中的cookie讀寫方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
AngularJS中對cookie的操作封裝了一個單獨(dú)的模塊，模塊名為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讀寫相關(guān)的服務(wù)：$cookies和$cookieStroe。無論使用哪種都要先將其注入到控制器中，為了比較二者的區(qū)別，都將其注入到控制器中：
app.controller('namesCtrl', ['$cookies','$cookieStore',function($cookies, $cookieStore){}]);
設(shè)置cookie用put()方法:
$cookies.put(key, value[, options]);
$cookieStore.put(key, value);
例如設(shè)置一個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è)置字符串、對象、數(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的過期時間。$cookieStore無法設(shè)置參數(shù)
var expireDate = new Date();
expireDate.setDate(expireDate.getDate() + 1);
$cookies.put("userName",“yangmin”,{'expires': expireDate});//“userName”一天后過期
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
在涉及GUI程序開發(fā)的過程中，常常有模態(tài)對話框以及非模態(tài)對話框的概念。接下來通過本文給大家介紹AngularJS 模態(tài)對話框 ，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
AngularJS ng-bind 指令簡單實(shí)現(xiàn)
本文主要介紹AngularJS ng-bind 指令,在這里對ng-bind 指令做了詳細(xì)資料整理并講解，提供了實(shí)例代碼以便大家參考，有需要的小伙伴可以參考下2016-07-07
前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)詳解
這篇文章主要給大家介紹了關(guān)于前后端如何實(shí)現(xiàn)登錄token攔截校驗(yàn)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-09-09
這篇文章主要介紹了angular+ionic返回上一頁并刷新頁面,需要的朋友可以參考下2017-08-08
AngularJS入門教程二：在路由中傳遞參數(shù)的方法分析
這篇文章主要介紹了AngularJS在路由中傳遞參數(shù)的方法,結(jié)合實(shí)例形式分析了AngularJS實(shí)現(xiàn)路由中傳遞參數(shù)的相關(guān)技巧,并總結(jié)了相關(guān)操作步驟與注意事項(xiàng),需要的朋友可以參考下2017-05-05
Angular 2.0+ 的數(shù)據(jù)綁定的實(shí)現(xiàn)示例
本篇文章主要介紹了Angular 2.0+ 的數(shù)據(jù)綁定的實(shí)現(xiàn)實(shí)例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了淺談ng-zorro使用心得，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
AngularJS Toaster是一個 AngularJS 提示框.基于angular v1.2.6 及以上和angular-animate.這篇文章主要介紹了AngularJS Toaster使用詳解,需要的朋友可以參考下2017-02-02
AngularJS 是一個 JavaScript 框架。它可通過 <script> 標(biāo)簽添加到 HTML 頁面。本文重點(diǎn)給大家介紹AngularJs頁面篩選標(biāo)簽小功能，非常不錯，需要的朋友可以參考下2016-08-08
今天小編就為大家分享一篇angularjs 動態(tài)從后臺獲取下拉框的值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08