angular-$cookieStore

最新推荐文章于 2025-04-03 16:26:24 发布

Mars-xq

最新推荐文章于 2025-04-03 16:26:24 发布

阅读量5.2k

点赞数 1

分类专栏： angularjs angularjs

本文链接：https://blog.youkuaiyun.com/sinat_31057219/article/details/70229453

版权

angularjs 同时被 2 个专栏收录

38 篇文章

订阅专栏

angularjs

37 篇文章

订阅专栏

使用方法

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：

<!DOCTYPE html>
<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>tutorial08</title>
</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>