如何导入组件？

Question

我们目前正在开发一个Angular Living Styleguide。我们计划在此样式指南中开发组件，并在我们的应用程序中使用它们。

对于应用，我们还想使用redux模式：https://github.com/angular-redux/store

我找不到的是：如何将通过npm包导入的组件链接到redux商店？

• 商店是否应该作为服务注入组件？这违背了脱钩。那么双组件又会有相同的调度消息呢？
• 是否应通过@Input向商店提供商店？然后还必须将其他变量（如dispatch-strings）传递给Component。 （例如按钮 - 按下时要发送的动作）
• 我应该实现一个处理所有redux内容的服务，包括向服务发送调度消息的组件吗？这似乎是对我重新实施redux。

Answer 1

您可以使用服务来管理您的商店，在您的服务中，您可以从商店获取变量，并在调用http调用后调度新值。 获取组件中的商店值，您可以调用服务示例的属性：

books= this.storeService.books;

如果您想在组件中添加图书：

this.storeService.create(books);

在另一边（storeService.ts）

this.books = store.get('Books');

从商店获取图书，当您订阅创建新图书的http帖子调用时，您会分发新的图书价值

....subscribe(data = > { this.store.dispatch({type: 'Books', payload : data.books});})