Angular2 - 我在哪里放置组件和服务之间的所有逻辑?

时间:2017-01-05 10:35:08

标签: angular typescript

在我的项目中,我有以下内容:

调用调用API的服务类的组件。我需要添加的逻辑仅适用于UI。

这非常干净简单,但我有一些绑定和逻辑添加,并将其添加到组件中,这似乎不是最好的解决方案。我正在考虑组件和服务类之间的中间地位,以完成将其拆分的工作。这是一个好主意吗?什么是最佳做法?

由于

2 个答案:

答案 0 :(得分:1)

在大多数情况下,使用servicecomponentclass来管理您正在处理的对象就足够了。

组件应包含与您正在显示的UI相关的所有内容以及与服务相关的链接,而服务根本不应该知道UI(通常用于API调用)。

在某些情况下,/util.ts文件可能适合保存您在网站上重复使用的功能,但通常不会。请注意,这些功能无法特别附加到任何组件/服务。

如果您希望对某些字段进行进一步抽象,只要该组件有太多责任,您可能需要进一步抽象,最好是创建另一个模块并通过EventEmitter和属性交换数据。 docs

修改

由于您要求参考最佳做法,因此最好阅读John Papa's Angular2个。您需要遵守thisthis

答案 1 :(得分:0)

通常是Angular 2中的组件,我们应该为绑定等编写逻辑。