2017-06-21 54 views
0

我試圖實現一個接口,使其更容易發佈數據到我的數據庫。用戶可以選擇多個產品,當他們返回搜索更多產品時,頁面會刷新,因此我必須將產品保存在本地存儲中,直到他們結帳。試圖保存爲對象數組,但一直保存爲數組數組

在我試圖實現接口之前,每個附加產品只會作爲一個對象存儲在數組中。努力實現接口的第一個產品是一個對象,其餘後數組的數組對象

AddItem.ts

name: string = this.navParams.get('name'); 
desc: string = this.navParams.get('desc'); 

saveItem() { 

    let newItem = { 
     name: this.name, 
     desc: this.desc 
    }; 

    this.dataStorageService.save(newItem).then(() => { 
     this.navCtrl.pop(Search); 
    }); 
} 

DataStorageService.ts

save(data): Promise<any> { 
return this.getData().then((products: any[]) => { 
    if (products) { 
    products.push(data); 
    return this.storage.set('products', products); 
    } 
    return this.storage.set('products', [data]); 
}); 
} 

的對象是如何被存儲在localstorage

enter image description here

以下是我想現在要做的

Order.Interface.ts

export interface Order { 
    name: string; 
    desc: string; 
} 

AddItem.ts

name: string = this.navParams.get('name'); 
desc: string = this.navParams.get('desc'); 

orders = [] as Order[]; 

saveItem(): void { 

this.orders.push({name: this.name, desc: this.desc}); 

this.dataStorageService.save(this.orders).then(() => { 

}); 

DataStorageService.ts

save(data): Promise<any> { 

    return this.getData().then((products: any[]) => { 
    if (products) { 
    products.push(data); 
    return this.storage.set('products', products); 
    } 
    return this.storage.set('products', data); 
    }); 
} 

怎樣的產品正在儲存

enter image description here

回答

0

我認爲這個問題是products.push(data)

相反,我會說你需要這樣做

save(data): Promise<any> { 

    return this.getData().then((products: any[]) => { 
    if (products) { 
    products = products.concat(data); 
    return this.storage.set('products', products); 
    } 
    return this.storage.set('products', data); 
    }); 
} 

也爲更好的類型檢查,你可以在方法改變這種

save(data : Order[]): Promise<any> {