AngularJS 提供了很好的$cookies和$cookieStore API 用于處理cookies?,F(xiàn)在,讓我們來看看如何在Angular中使用$cookies與$cookieStore。
我們可以用npm或bower安裝ngCookies,貼上github地址
https://github.com/angular/bower-angular-cookies
安裝完后,就可以直接引入我們的index.html:
<script src='./bower_components/angular-cookies/angular-cookies.js'></script>
angular.module('cookiesExample', ['ngCookies']).controller('ExampleController', ['$cookies', '$cookieStore',function($cookies, $cookieStore) {}]);
經(jīng)過Step 1-2 后,我們就可以愉快地使用$cookies與$cookieStore了。
注入到控制器后,我們可以通過瀏覽器控制器來看看它們提供了什么方法。
顯而易見,我們可以利用$cookies添加、查詢、刪除Cookies。
$cookies提供了put,putObject兩個(gè)方法用來添加cookies。
$cookies.put('userName','wws');$cookies.putObject('user', {'name': 'wws'});
我們可以通過瀏覽器的調(diào)試工具看一下結(jié)果
現(xiàn)在,cookies已經(jīng)設(shè)置進(jìn)去了,我們可以再利用$cookies提供的get方法來獲取cookies。直接貼圖
在某些情況下,我們需要手動(dòng)清除cookies,這時(shí),我們可以用$cookies提供的remove方法了。
$cookieStore所提供的方法比$cookies少,調(diào)用的方式也是一樣簡單方便。
PS:若你的Ng版本是1.4.X,那就用$cookies就好了。
聯(lián)系客服