2017-05-10 6 views
0

私はブラウザのようなショッピングカートを作成しています。その考え方:Ionic:配列からのデータの表示に問題があります

1)ユーザーは製品を選択し、その時点でカートページに移動します。

  • 彼らは他の製品を追加することができOR
  • 彼らはチェックアウトボタンをクリックすると、彼らは注文確認ページにもたらされるように、その時点では、製品ページにリダイレクトされ、そこカートに製品を追加することができます彼らは、カート内のすべてのアイテムを表示できる場所

は問題:項目の配列がConfirmOrderからadditem()方法で渡されますが、それは

編集をプリントアウトされていません。ここでは、作業cでありますオード。修正のためのイオンフォーラムに@raproposいただきありがとうございます。私cart.tsで

ユーザーがカートに追加]ボタンを

public items = []; 
// Both of these params which are to be saved in the array are passed from another page 
prodName: string = this.navParams.get('prodName'); 
prodDesc: string = this.navParams.get('prodDesc'); 

saveItem() { 

    let newItem = { 
    prodName: this.prodName, 
    prodDesc: this.prodDesc 
    }; 

    this.addItem(newItem); 
} 

addItem(item) { 

    this.items.push(item); 

    this.navCtrl.push(ConfirmOrderPage, items: this.items); 
} 

ConfirmOrder.ts

export class ConfirmOrderPage { 

    prodName; 
    items = []; 

    constructor(public navCtrl: NavController, public navParams: NavParams, public modalCtrl: ModalController) { 
    } 

    ionViewDidLoad() { 
    console.log('ionViewDidLoad ConfirmOrder'); 

    this.items = this.navParams.get('items'); 
    } 
} 

ConfirmOrder.html

<ion-list> 
    <ion-item *ngFor="let item of items">{{item.prodName}}</ion-item> 
</ion-list> 
を押したときにsaveItem()メソッドが呼び出されます(ファイル

答えて

0

OPが修正されました。イオンフォーラムで@raproposにありがとうございました。 items: this.items私は受信ページの配列にアクセスできました

this.navCtrl.push(ConfirmOrderPage, items: this.items);

関連する問題