NGRX演示组件将事件传递到容器

时间:2017-07-05 19:09:54

标签: angular ionic2 ngrx

在使用NGRX(或一般Redux)时,我已经阅读了一些关于将组件划分为“Container”和“Presentation”组件的文章。我们的想法是分离商店的知识以及如何将数据导入Container,并让演示组件只知道如何呈现特定数据。

使用Ionic,似乎页面是Container对象的自然选择,但我遇到的情况与Redux风格相反。当我有一个组件组合,即具有子组件的子组件,并且他们需要将一个操作发送回商店时,我发现自己必须将@Output添加到中间的任何组件,以便它可以使所有组件回到容器的方式。这似乎是针对Redux风格的,所以有更好的方法来做到这一点(或者我是否误解了有关容器与演示文稿的内容)?

实施例

* StorePage - a Container component that knows about my NGRX store to get Items
  * ItemList - a Presentation component that displays the list of ItemCards
    * ItemCard - a Presentation component that displays info about the Item and allows you to add to cart.

在这种情况下,ItemCard有一个@Output EventEmitter,ItemList捕获,然后ItemList有一个@Output EventEmitter将它传递给StorePage。

0 个答案:

没有答案