如何用Ionic语言将一个对象数组传递给一个模态页面？

Question

我有一个对象数组

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视图页面上显示“name”和“description”。

Answer 1

试试这个：

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

然后，您应该能够通过调用：

navParams.get('data');

或

this.navParams.get('data');

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

Answer 2

在“模型”页面中，您应该尝试如下：

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

注意事项：在获取数据时，使用键获取值