Angular 如何在Ionic中将对象数组传递到模式页面?
我有一个对象数组Angular 如何在Ionic中将对象数组传递到模式页面?,angular,ionic-framework,ionic2,Angular,Ionic Framework,Ionic2,我有一个对象数组 cart = [{name: 'Test', description: 'Test'}, {name: 'Test', description: 'Test'}]; 我想在单击按钮时将其传递到模式页面。我的代码设置如下: openCart(){ let data = this.cart; let modal = this.modalCtrl.create(CartPage, data); modal.present(); } 在模式页面中,我试图将数
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” 试试这个:
openCart(){
let modal = this.modalCtrl.create(CartPage, { data: this.cart });
modal.present();
}
然后,您应该能够通过调用以下命令来获取阵列:
navParams.get('data');
或
如果从构造函数外部调用,请尝试以下操作:
openCart(){
let modal = this.modalCtrl.create(CartPage, { data: this.cart });
modal.present();
}
然后,您应该能够通过调用以下命令来获取阵列:
navParams.get('data');
或
如果从构造函数外部调用。在“模型”页面中,您应该这样尝试:
console.log( this.navParams.get('name'));
注意:获取数据时,使用键获取值
在“模型”页面中,您应该尝试以下操作:
console.log( this.navParams.get('name'));
注意:获取数据时,使用键获取值
找到解决方案?找到解决方案?成功了!非常感谢。如果你不介意问的话,为什么我的方法没用?数据必须作为对象传递?不客气!确切地说,它必须作为对象传递。如果你觉得我的答案有用的话,一定要投我的赞成票。成功了!非常感谢。如果你不介意问的话,为什么我的方法没用?数据必须作为对象传递?不客气!确切地说,它必须作为对象传递。如果你觉得我的答案有用的话,一定要对它投赞成票。这仍然给出了未定义的答案,但是robbannn的方法有效。谢谢你的帮助。这仍然是未定义的,但是robbannn的方法有效。谢谢你的帮助。