如何将一组对象传递给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'));

但是这会将我的数据作为undefined返回。如何将主页中的对象数组传递到模态页面并检索数据？理想情况下，我希望将传递的数据存储到变量中，并在html视图页面上显示“名称”和“描述”。

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

  

注意：获取数据时，使用键

获取值