尝试保存为对象阵列,但不断保存为Array of Array

时间:2017-06-21 18:28:15

标签: angular ionic-framework

我正在尝试实现一个接口,以便更轻松地将数据发布到我的数据库。用户可以选择多个产品,当他们返回搜索更多产品时,页面会刷新,因此我必须将产品保留在本地存储中,直到他们结帐。

在我尝试实现界面之前,每个附加产品都会作为对象存储在数组中。在尝试实现接口之后,第一个产品是一个对象,其余的是数组对象数组

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

1 个答案:

答案 0 :(得分: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> {