跨多个窗口共享Angular2服务

时间:2016-11-13 08:13:39

标签: angularjs angular browser typescript

我的网站是使用Angular2构建的。想象一下,它是一个包含大量模块的大型仪表板。有时需要来自多个模块的信息 - 因此我希望允许我的用户在新窗口中打开模块。一个真实的例子就是Hangout的视频容器。

根据我的研究,有两种方法可以做到这一点:

  1. 我在新窗口中打开所选Ng-Component的路径。因此,angular将重新启动所有服务。为了保持数据的一致性,我需要找到一种同步实例的方法。也许是某种将所有属性写入localStorage的服务?

  2. 这在某种程度上是GoldenLayout实现Popouts的方式。 我可以在窗口A中初始化我的组件并隐藏它 - 现在打开一个新窗口(B)并将组件的副本(Css,HTML,Data)传递给它。这意味着我只需要同步镜像组件,但我不确定这是否是一个好的架构。

  3. 您将采用哪种方式解决上述问题?是否有更优雅的解决方案?

0 个答案:

没有答案