添加新cookie angularjs时旧cookie消失

Question

我正在尝试添加 cookie。它工作得很好，但是当我刷新页面并添加新的 cookie 时，旧的 cookie 消失了，并且 cookies.length 没有更新。我刷新页面后它会更新。这是我的代码

vm.cart = [];
vm.add = function(tensp,gia,img){
                    vm.cart.push({tensp:tensp,gia:gia,img:img,sl:1})
                    $cookies.putObject('cart',vm.cart);

        }

并以html显示。

 vm.cookies = $cookies.getObject('cart');
{{vm.cookies.length}}

我哪里错了。请帮我 。这是我的plnkr https://plnkr.co/edit/StURuPuEBr8ykIUPdvBV?p=preview

Answer 1

每当您刷新页面时。 vm.cart 将设置为 []。当您单击“添加”时，将向vm.cart 添加一项。 vm.cart 现在包含一项。当vm.cart 被放入cookies 时，cookies 中的所有现有项都会被覆盖。

如果您想将所有项目保留在 cookie 中，请将项目直接放入 cookie 并直接从 cookie 中检索项目，如下所示

var item = {
  id: id,
  masp: masp,
  tensp: tensp
};

var cart = $cookies.getObject('cart');

if (cart) {
  var items = JSON.parse(cart);
  items.push(item);

  $cookies.putObject('cart', JSON.stringify(items));
} else {
  $cookies.putObject('cart', JSON.stringify([ item ]));
}

这是demo。