Angular Cookies.remove 不起作用答案

【问题标题】：Angular Cookies.remove not workingAngular Cookies.remove 不起作用
【发布时间】：2015-11-05 01:17:14
【问题描述】：

我有一个场景，我正在使用普通的 java 脚本添加一个 cookie，并尝试使用运行良好的 angular Cookies 服务来检索它。但是使用 Cookies 服务删除 cookie 不起作用。我的 JS 就像

<script type="text/javascript">
        var app = angular.module('MyApp', ['ngCookies']);
        app.controller('MyController', function ($scope, $window, $cookies) {
            $scope.ReadCookie = function () {
                $window.alert($cookies.get('username'));
            };
            $scope.RemoveCookie = function () {
                $cookies.remove('username');
            };

        });
         function addCookie(){
                document.cookie="username=John Doe;path=/";
            }
    </script>

我的 HTML 是

<div ng-app="MyApp" ng-controller="MyController">
        <input type="button" value="Write Cookie" onclick="addCookie()"/>
        <input type="button" value="Read Cookie" ng-click="ReadCookie()" />
        <input type="button" value="Remove Cookie" ng-click="RemoveCookie()" />
    </div>

是否与cookie的路径有关，如果是，我如何在remove函数中提及路径？

【问题讨论】：

你应该使用角度的方式来创建一个新的cookie。还要检查你的 html 中是否有。

标签： javascript angularjs cookies

【解决方案1】：

试试这个

app.controller('MyController', function ($scope, $window, $cookies) {
    $scope.ReadCookie = function () {
        $window.alert($cookies.get('username'));
    };
    $scope.RemoveCookie = function () {
        $cookies.remove('username');
    };
    $scope.addCookie= function () {
        $cookies.put('username','John',[path:'/']);
    };

});

【讨论】：

实际上我无法使用 Angular 添加 cookie。它是由 servlet 完成的现有场景。我只需要删除 cookie。
stackoverflow.com/questions/14196229/…

【解决方案2】：

尝试使用{ path: YOUR_PATH } 作为参数。

例如，<base href="/">，把$cookies.remove('username', { path: '/' });

【讨论】：

是的，如果您使用路径选项设置它，请使用路径选项将其删除。

【解决方案3】：

设置默认路径对我有用：

$cookiesProvider.defaults.path = "/";

【讨论】：

【解决方案4】：

为了阻止我从另一个 path 删除 cookie，我采取的解决方法是将 cookie 中的 expire 日期设置为 now¯_(ツ) _/¯：

$cookies.put(cookieName, cookieValue, { expires: $window.moment().toString() });

【讨论】：