新しいクッキーを追加すると古くなったクッキーは消えます。

Question

クッキーを追加しようとしています。うまくいきますが、ページを更新して新しいCookieを追加すると、古いCookieは消え、cookies.lengthは更新されません。ページを更新した後に更新されます。ここに私のコードです

​​

そして、htmlで表示します。

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

どこが間違っていますか？私を助けてください 。ここは私のplnkrです https://plnkr.co/edit/StURuPuEBr8ykIUPdvBV?p=preview

Answer 1

ページを更新するたびに。 vm.cartは[]に設定されます。 「追加」をクリックすると、vm.cartに1つの項目が追加されます。 vm.cartには1つのアイテムが含まれるようになりました。 vm.cartをクッキーに入れると、クッキー内の既存のアイテムはすべて上書きされます。

あなたは、クッキー内のすべてのアイテムを保持クッキーに直接アイテムを置くと

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です。