删除存储中的单个对象

时间:2017-06-12 03:00:32

标签: angular ionic2

我在列表页面中点击添加到购物车时有一个json对象,单个对象将被添加,在单击删除的购物车页面中我需要删除该单个对象

listing.html文件

<button ion-button full style="background-color: black" (click)="addTocart(item)">Add To Cart </button>

listing.ts文件

    // my import statement
    import { Storage } from '@ionic/storage';
    export class OneProduct {  storedItem = []; any; }
     constructor( public storage: Storage) {
    //add to cart function
    addTocart(item) {
             this.storage.get('item').then((data) => {
                console.log(data)

                if (data != null) {

                 this.storedItem.push(item);
                 this.storage.set('item', this.storedItem);
                }else{
                    console.log("else")
                    this.storage.set("item", item);
                }
             })
          // this.nav.push(CartPage, { item: item });
        }
     }

将对象添加到存储中,并且在购物车页面中我需要从该存储中删除单个对象,因此如果将3个项目添加到购物车并且在购物车页面中删除了第2个项目,那么第1个和第3个项目应该是可见的< / p>

 <button block full ion-button color="dark" (click)="eliminate(cartitem)" > Eliminate</button>

ts档

 eliminate(cartitem){      
    this.storage.get('item').then((data) => {   
       var items = data;
        for(var i = 0; i<items.length; i++ ){
            console.log(items[i])
            if (cartitem.id === items[i].id) {
               // console.log(cartitem.id);
               // console.log(items[i]);
              this.storage.remove( items[i]);
            }else{
                console.log("else statement");
            }
        } 
    })             
}

enter image description here

有人可以帮助我实现我的目标,并建议我在使用对象时天气以上存储是好还是不好,我正在尝试设计一个flipkart应用程序。

1 个答案:

答案 0 :(得分:0)

您必须传递以删除对象的“键”,而不是整个对象。 代码如下所示:

this.storage.remove(items[i].id);