Angular 2事件处理组件之间的通信

时间:2017-01-05 15:54:26

标签: angular design-patterns observable angular2-services

在当前的Angular 2应用程序中,我有五个组件。父项的一个父组件和四个子组件。我遇到的问题是两个孩子在按钮上传递点击事件。子组件A具有在按钮上发生单击事件时调用的函数,该函数触发服务中的函数以创建数据库实例。子组件B也具有与A相同的功能。

我的问题是如何在两个组件之间聚合数据,因为在两个单击事件都注册了它们所代表的数据之后,该数据块就应该被推送到数据库中。

提议的解决方案:

  1. 可观察组件B以推送阵列上的数据,并在服务处理时将其弹出。虽然我不确定那里是否有更好的解决方案。我一直在寻找更好的方法来帮助自己理解Observables,但我能找到的只有HTTP的Observables。

  2. 在两个子组件上使用带有事件发射器的输出,并聚合父组件中的数据。但是,在调用服务创建数据库条目之前,我不确定如何使组件等待另一个组件上的第二次单击事件。

0 个答案:

没有答案