如何将对象数组传递给 Ionic 中的模式页面？答案

【问题标题】：How to pass an array of objects to a modal page in Ionic?如何将对象数组传递给 Ionic 中的模式页面？
【发布时间】：2017-07-18 12:51:51
【问题描述】：

我有一个对象数组

cart = [{name: 'Test', description: 'Test'}, {name: 'Test', description: 'Test'}];

我想在单击按钮时将其传递给模式页面。我的代码是这样设置的：

openCart(){
    let data = this.cart;
    let modal = this.modalCtrl.create(CartPage, data);
    modal.present();
}

在模式页面中，我试图将数据记录为

console.log(navParams.get('data'));

但这会将我的数据返回为未定义。如何将一组对象从我的主页传递到我的模式页面并检索数据？理想情况下，我想将传递给变量的数据存储起来，并在 html 视图页面上显示“名称”和“描述”。

【问题讨论】：

【解决方案1】：

试试这个：

openCart(){
    let modal = this.modalCtrl.create(CartPage, { data: this.cart });
    modal.present();
}

那么你应该可以通过调用来获取数组：

navParams.get('data');

或

this.navParams.get('data');

如果从构造函数外部调用。

【讨论】：

【解决方案2】：

在模型页面你应该这样尝试：

 console.log( this.navParams.get('name'));

注意：获取数据时，通过key取值

【讨论】：