离子在子组件和父组件之间发送数据。最好的方法？

Question

我正在尝试实施搜索功能。看起来像这样。 这是我的父组件：

点击“高级”后，会转到modalController，您可以在其中选择不同的过滤器：

我希望通过传递名为 data 的对象来过滤搜索结果。 Facebook财产应为1或0，依此类推。

例如，打开一个切换，设置数据= {facebook =＆＃39; 1＆＃39;}

因此。我的父组件 Search.ts

中有一个对象

data = {       搜索：＆＃39; ＆＃39 ;,       facebook：＆＃39; ＆＃39;     };

一旦Facebook允许切换，我想从childComponent更新facebook属性。

我不确定最好的方法是什么？

任何想法都将受到高度赞赏！

Answer 1

当你关闭modal时，你将数据传递给子组件，如

this.viewCtrl.dismiss(this.pick_color);

而不是this.pick_color你已经通过了facebook和电子邮件的对象。

您必须在子组件中捕获传递的值，如

let colorModal = this.modalCtrl.create(ColorModal, { notes_data_id: notes_data_id });
colorModal.present();

colorModal.onDidDismiss(data=>
{
    console.log(data);   
});

了解更多信息

https://forum.ionicframework.com/t/passing-data-in-from-modal/61051/2