在Angular 2中触发祖父母事件的最佳做法?

时间:2017-10-03 20:23:35

标签: javascript angular typescript events

所以我看到有关如何处理相对简单的场景的相互矛盾的信息。假设我有一个商店产品列表的组件 - 每个产品都是自己的组件(ts / scss / html)。

在每个产品上都有一个"编辑细节"触发模式弹出窗口的按钮,该弹出窗口对于该特定类型的产品是唯一的。

当用户完成编辑产品详细信息时,我希望关闭模式,然后手动刷新整个列表。

我见过要实现这一目标的两个选项是

  1. 将事件冒泡两次,从模态(子)到产品(父),然后从产品到列表管理器(祖父母);这看起来设计很差

  2. 在孩子/祖父母(即模态和列表管理员)之间共享服务。

  3. 虽然我更倾向于选择#2,但它是" Angular方式",看起来很奇怪...我应该将列表管理器的功能包括在内一种模式对话,根本不关心列表。这真的是最好的"处理它的方式?

0 个答案:

没有答案