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()メソッドが呼び出されます(ファイル