Angular 2+单独窗口/选项卡之间的交互

时间:2018-06-15 11:56:16

标签: angular typescript

我搜索了这个主题,但找不到任何相关内容。 我想知道,如果使用Angular 2+(最佳v5.4.2),这样的事情是可能的。

让我定义一个快速用例:

  
      
  • 我有一个有多条路线的应用
  •   
  • 在app / route1(window1)上打开浏览器,
  •   
  • 在app / route2(window2)上打开第二个浏览器窗口
  •   
  • 在window2上有用户输入
  •   
  • 根据之前的输入更改window1上的data / ui。
  •   

同样,我甚至不知道这是否可能,所以即使是一个简单的“你不能”也没关系。

感谢。

2 个答案:

答案 0 :(得分:2)

由于它没有经过测试,我不确定它是否有效,但您是否尝试使用localStorage来执行此操作?否则,由于新窗口始终是应用程序的新实例,我不认为Angular中的任何内容都可以正常工作(不确定)。

否则,如果你有一个expressjs(或Node.js)服务器设置,你可以这样存储你的数据。

答案 1 :(得分:0)

有几种方法可以实现这一目标。

如果window2输入正在更新远程服务器上的数据,您可以使用websockets或任何其他实时技术通知window1您的数据已更改。

另一种选择是使用localStorage。您应该查看此stackoverflow post以获取更多信息。