离子3带储存

Question

我使用离子3储存。

首先，我导入存储在app.module.ts

import { IonicStorageModule } from '@ionic/storage'; 

imports: [ 
IonicStorageModule.forRoot() 
] 

我开发电子商务app.If我使用的存储添加到任何产品到购物车。

这是我购物车页面的代码。

<ion-row class="apply-coupon" *ngFor="let p of Cartproducts;let i=index"> 
<ion-col col-4> 
<img src="{{p.P_IMAGES[0].URL}}" alt="product2"> 
</ion-col> 
<ion-col col-8> 
<h1>{{p.P_TITLE}}</h1> 
<p class="subtitle">Subtitle</p> 
<p class="code">Code: 123</p> 
<div> 
<button (click)="cancel(i)">Cancel X</button> 
</div> 
</ion-col> 
</ion-row> 

this.items.push(item); 
this.storage.set('products',this.items); 

项目是一个产品detail.and我已显示购物车的数量。

this.storage.get('products').then((data) => { 
    if(data != null) 
    { 
     this.Cartproducts=data; 
     console.log(this.Cartproducts); 

    } 
    }); 

这里是我的安慰值。

[ 
    { 
     'Product_title':'Product name', 
     'Product desc':'product dec', 
     'id':1 
    }, 
    { 
     'Product_title':'Product name', 
     'Product desc':'product dec' 
     'id':2 
    } 
] 

如果我需要删除最后一个产品。

this.Cartproducts.splice(i, 1); 
console.log(this.Cartproducts); 
this.storage.remove('products'); 
this.storage.set('products',this.Cartproducts); 

这是我的安慰值。

[ 
    { 
     'Product_title':'Product name', 
     'Product desc':'product dec', 
     'id':1 
    } 
] 

我删除'products'的存储值我再次设定值products

我我需要另一个product.so我要的产品页面并添加产品。

但我的结果是

[ 
    { 
     'Product_title':'Product name', 
     'Product desc':'product dec', 
     'id':1 
    }, 
    { 
     'Product_title':'Product name', 
     'Product desc':'product dec' 
     'id':2 
    }, 
    { 
     'Product_title':'Product name', 
     'Product desc':'product dec' 
     'id':3 
    } 
] 

，但实际上，我删除未设置为存储为什么第二product.Did？

请咨询我，

感谢

Answer 1

尝试

this.storage.get('products').then((data) => { 
    if(data == null) 
    { 
     data=[]; 
    } 
this.items=data;//re-initialize the items array equal to storage value 
this.items.push(item); 
this.storage.set('products',this.items); 
    }); 

，而不是

this.items.push(item); this.storage.set('products',this.items)