在组件Angular 2 - Not Parent / Child之间传递值

时间:2017-06-09 10:22:54

标签: angular typescript

刚学习Angular并希望获得一些设计架构建议。

如果我的搜索组件需要使用结果提供摘要组件,而不必将它们作为父/子,那么这样做的最佳架构方法是什么?

谢谢,

3 个答案:

答案 0 :(得分:0)

如果您的组件不是父/子,请使用service来共享您的数据。我认为这是最好的做法。

答案 1 :(得分:0)

最好的方法是使用父子关系。

但如果你不想,有几种方法,包括:

  • 在共享模块中使用共享服务
  • 使用共享文件(例如environment.ts)分享您的值
  • 使用浏览器的内置方法(例如,localStorage)。

我认为排名有所不同

Parent/Child > Service > Shared file > Common methods

答案 2 :(得分:0)

方法很少:

  • 使用服务(最值得推荐)。
  • 使用来自RxJS库的行为主题。
  • 使用浏览器存储(会话/本地),但最不推荐使用浏览器存储 数据安全。