Ionic : 배열에서 데이터를 표시하는 데 문제가 있습니다.

Question

짧게 유지하려면 브라우저 앱과 같은 장바구니를 만듭니다. 제품 작동 방법 :

1) 사용자가 제품을 선택하면 카트 페이지로 이동합니다.

• 그들은 다른 제품을 추가 할 수 있습니다 또는
• 그들은 체크 아웃 버튼을 클릭하고 그들이 주문 확인 페이지로 이동되도록하는 시점에서 그들은 제품 페이지로 리디렉션됩니다,이 장바구니에 제품을 추가 할 수 있습니다 그들은 자신의 카트에있는 모든 항목을 볼 수있는

는 문제 : 아이템의 배열이 ConfirmOrder에 additem() 방법에 전달하지만

편집을 인쇄되지 않은 : 다음 작업으로 C 송시. 수정에 대한 ionic forum에 @rapropos를 보내 주셔서 감사합니다. 내 cart.ts 파일

는합니다 (saveItem() 메소드는 사용자가이

<ion-list> 
    <ion-item *ngFor="let item of items">{{item.prodName}}</ion-item> 
</ion-list> 

ConfirmOrder.html을 카트에 추가 버튼을

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'); 
    } 
} 

누를 때 호출되는

Answer 1

OP가 수정되었습니다. 도움이 필요하신 이온 포럼에 @rapropos를 보내 주셔서 감사합니다. items: this.items 그래서 수신 페이지의 배열에 액세스 할 수 있습니다.

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