重新启动浏览器后，角度 ngCookies 不保存 cookie答案

【问题标题】：angular ngCookies doesn't save cookies after restarting the browser重新启动浏览器后，角度 ngCookies 不保存 cookie
【发布时间】：2017-02-02 05:07:39
【问题描述】：

 var app = angular.module('MyApp', ['ngCookies']);
        app.controller('MyController', function ($scope, $window, $cookies) {
            $scope.WriteCookie = function () {
                $cookies.put("Name", $scope.Name);

            };
            $scope.ReadCookie = function () {
                $window.alert($cookies.get('Name'));
            };
            $scope.RemoveCookie = function () {
                $cookies.remove('Name');
            };
        });

<html>
<head>
    <title></title>
</head>
<body>
  <div ng-app="MyApp" ng-controller="MyController">
        Name:
        <input type="text" ng-model="Name" />
        <br />
        <br />
        <input type="button" value="Write Cookie" ng-click="WriteCookie()" />
        <input type="button" value="Read Cookie" ng-click="ReadCookie()" />
        <input type="button" value="Remove Cookie" ng-click="RemoveCookie()" />
    </div>
</body>
</html>

我为 Angular 的 cookie 编写了这个简单的 demp 应用程序。

每当我输入这个（通过nodeJS）并转到这个url：http://127.0.0.1:8080

cookies 存在于浏览器的cookies 中。当我单击刷新或关闭选项卡并使用此 url 打开一个新选项卡（不关闭浏览器）时，cookie 会保留。

但是，当我关闭浏览器（chrome/IE/firefox）并再次打开此网址时，cookie 不存在！

为什么？即使我关闭计算机并重新启动它也会记住我通过 coockis 的登录信息，我怎样才能使它像 facebook？

谢谢

index.html

<html>
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular-cookies.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyApp', ['ngCookies']);
        app.controller('MyController', function ($scope, $window, $cookies) {
            $scope.WriteCookie = function () {
                $cookies.put("Name", $scope.Name);

            };
            $scope.ReadCookie = function () {
                $window.alert($cookies.get('Name'));
            };
            $scope.RemoveCookie = function () {
                $cookies.remove('Name');
            };
        });
    </script>
    <div ng-app="MyApp" ng-controller="MyController">
        Name:
        <input type="text" ng-model="Name" />
        <br />
        <br />
        <input type="button" value="Write Cookie" ng-click="WriteCookie()" />
        <input type="button" value="Read Cookie" ng-click="ReadCookie()" />
        <input type="button" value="Remove Cookie" ng-click="RemoveCookie()" />
    </div>
</body>
</html>

【问题讨论】：

标签： javascript angularjs node.js cookies angular-cookies

【解决方案1】：

这是因为如果您不为 cookie 设置过期时间，它将被创建为会话 cookie。关闭浏览器后将立即删除。

为了避免这种情况，只需为 cookie 设置一个过期时间，例如在这里呆一天：

var expireDate = new Date(); 
expireDate.setDate(expireDate.getDate() + 1); 

$cookies.put('Name', $scope.Name, {
  expires: expireDate
});

【讨论】：

谢谢我按照你说的做，但我仍在创建会话 cookie。你确定我没有遗漏除过期属性之外的任何其他内容吗？
你确定你的旧 cookie 之前被删除了吗？
是的。我做了 $cookies.remove('Name');并检查了editThisCookies chrome的扩展以查看cookie已被删除。
新创建的过期日期正确吗？检查扩展名。也可以像上面的编辑版本一样尝试一年。
问题是我的代码中没有错误地定义现在的属性..使用下面的这一行，它现在正在工作，谢谢！ var expireDate = new Date(); expireDate.setDate(expireDate.getDate() + 1);