在Angular 2中的独立组件之间传递数据

时间:2016-11-10 12:09:45

标签: angular

我是Angular 2的初学者,现在正在开发小型SPA。在组件登录中,我通过http服务接收一些数据,将数据设置为类User,并且需要该数据在其他一些组件中可用。问题是组件是完全独立的(没有父子关系)。 Angular 2中是否有任何机制以这种方式传递数据?

1 个答案:

答案 0 :(得分:4)

首先,我建议您使用Service在组件之间传递数据。

以下是组件如何使用3 diff进行通信的一些示例。方式,

Angular2-playground Demo其代码available on Github

假设您正在创建服务 S1 并在app.module.ts文件中提供该服务,则会创建该服务的 Singleton实例,如果您在来自组件1 的服务,您可以在组件2 中获取修改后的数据。

或者您可以在单独的模块中添加服务以实现单独的功能,以便只能在该模块中访问该服务。

  

总结:您可以使用服务在组件之间传递数据,这将非常有帮助。