AngularJS 1.7.5版本 cookie使用

最新推荐文章于 2024-06-23 17:16:57 发布

迦迦迦迦

最新推荐文章于 2024-06-23 17:16:57 发布

阅读量845

点赞数

CC 4.0 BY-SA版权

分类专栏： Angular 文章标签： Angularjs cookie mvc

本文链接：https://blog.youkuaiyun.com/weixin_39880609/article/details/84135891

Angular 专栏收录该内容

3 篇文章

订阅专栏

环境搭建：asp.net MVC5+AngularJS 1.7.5
搜了网上的小例子试试手，贴出例子出处：
https://www.cnblogs.com/insus/p/8547747.html
想必是望尘莫及的大牛
敲的完全一样就是出现各种错误：
1，cookie注入错误
解决：引入js文件顺序问题：

    <script src="~/Scripts/angular.js"></script>
    <script src="~/Scripts/angular-route.js"></script>
    <script src="~/Scripts/angular-cookies.js"></script>

or html页面中引入顺序问题：

<script src="~/Angularjs/app.js"></script>
<script src="~/Angularjs/CookieController.js"></script>
<script src="~/Scripts/angular-cookies.js"></script>

2，unknown provider，代码如下：

pilotApp.controller('CookieCtrl', function ($scope, $window, $cookieStore) {
    $scope.Write_Cookie = function () {
        $cookieStore.put("CookieValue", $scope.CookieValue);     
    };
    $scope.Read_Cookie = function () {
        $window.alert($cookieStore.get('CookieValue'));
    };
    $scope.Remove_Cookie = function () {
        $cookieStore.remove('CookieValue');
    };
});

出现错误……嗯angular.js:15536 Error: [$injector:unpr] Unknown provider: $cookieStoreProvider <- $cookieStore <- CookieCtrl

在这里插入图片描述
顺手百度了下是angularjs跟cookie-js版本不一致的问题，基本网上搜的就是这答案了，可并没有解决，最后看了Angularjs1.7.5版本cookie文档，流泪发现：
特么就没有$cookieStore什么事啊，
官网例子：

贴出正确代码：

pilotApp.controller('CookieCtrl', ['$scope','$window', '$cookies', function ($scope,$window,$cookies) {
    $scope.Write_Cookie = function () {
        $cookies.put("CookieValue", $scope.CookieValue);  
    };
    $scope.Read_Cookie = function () {
        $window.alert($cookies.get('CookieValue'));
    };
    $scope.Remove_Cookie = function () {
        $cookies.remove('CookieValue');
    };
}]);

综上所述，说明，追求最新最强容易坑寄已