angular-$cookieStore

使用方法

1、先引入angular-cookies.js:

注意:angular-cookies.js要和angular.js的版本要一致,否则会报错:
TypeError: $browser.addPollFn is not a function

<script type="text/javascript" src="../angular.js">script>
<script type="text/javascript" src="../angular-cookies.js">script>

我用webstorm直接在terminal上直接使用npm下载:

D:\Users\Administrator\WebstormProjects\untitled19>npm install angular-cookies

D:\Users\Administrator\WebstormProjects\untitled19>npm install angular

下载的版本均为:1.6.4

2、將ngCookies模块注入到我们自定义的模块中:

var app = angular.module("myApp", ['ngCookies']);

3、把Cookies读写相关的服务cookieStore注入到控制器中后,通过cookieStore的get和put方法进行读和写操作。

$cookieStore.put("person", {name: "李达康书记", age: 45});

var person = $cookieStore.get("person");
alert("name : " + person.name + " , " + "age : " + person.age);

$cookieStore 有三个方法 :

1:get(key)     获取cookie

2:put(key,value)   设置cookie

3:remove(key)    移除cookie

完整版demo:


<html ng-app="myApp">
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="../angular.js">script>
    <script type="text/javascript" src="../angular-cookies.js">script>
    <title>tutorial08title>
head>
<body ng-controller="myCtrl" ng-init="init()">
<button ng-click="getInfo()">获取Cookies信息button>
<button ng-click="removeCity()">删除button>
body>
<script>
    var app = angular.module("myApp", ['ngCookies']);
    app.controller("myCtrl", function ($scope, $log, $cookieStore) {
        $scope.init = function () {
            $log.info("init functionn");
            $cookieStore.put("person", {name: "李达康书记", age: 45});//对象
            $cookieStore.put('city', '上海');//字符串
        };

        $scope.getInfo = function () {
            var person = $cookieStore.get("person");
            console.log("name : " + person.name + " , " + "age : " + person.age);
            console.log("city==========" + $cookieStore.get("city"));
        }

        $scope.removeCity = function () {
            $cookieStore.remove('city');
        }

    });
script>
html>

参考:

Angular cookies cookieStore

AngularJs轻松入门(八)Cookies读写

你可能感兴趣的:(angularjs,angularjs)