【问题标题】:Pass data between independent components in Angular 2在 Angular 2 中的独立组件之间传递数据
【发布时间】:2016-11-10 12:09:45
【问题描述】:

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

【问题讨论】:

  • 是的,我已经读过了。但是第一个组件不包括模板中的第二个组件。使用 this.router.navigate(['/main']) 加载第二个组件
  • 看看父母和孩子通过@JBNizet 提供的链接的服务部分进行通信。您只需要使用主题。

标签: angular


【解决方案1】:

首先我想推荐你使用 Service 在组件之间传递数据。

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

Angular2-playground Demo它的代码available on Github

假设如果您正在创建服务 S1 并在 app.module.ts 文件中提供该服务,它将创建一个该服务的单例实例。如果您从 Component 1 对服务进行更改,那么您将可以在 Component 2 中获得修改后的数据。

或者您可以这样做,在单独的模块中添加服务以获得单独的功能,以便只能在该模块中访问该服务。

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-08-12
    • 1970-01-01
    • 1970-01-01
    • 2020-10-16
    • 2018-02-22
    • 2016-03-24
    • 2018-02-08
    • 2016-07-20
    相关资源
    最近更新 更多