Angular 在另一个选项卡中向web应用程序实例公开变量？

我正在使用Angular2和Typescript构建一个图形化web应用程序，它允许用户创建流程图

我的下一个任务是实现流程图对象的复制和粘贴功能。用户应该能够右键单击要复制的流程图对象，然后右键单击屏幕上的某个位置并粘贴该对象但是，我希望数据可以粘贴到另一个选项卡中。因此，如果一个用户在两个不同的选项卡中运行我的应用程序的两个实例，并且从一个选项卡复制了一个对象，那么我希望该用户能够将该对象粘贴到另一个选项卡中

这些流程图对象只是一个typescript类。例如：

export class AbstractFlowChartObject {
     //variables

     //methods
}

我已设置复制功能，以保存对已单击对象的引用，如下所示：

var objectToCopy : AbstractFlowChartObject = whateverObjectWasClicked;

如何将此变量公开给运行在不同选项卡中的应用程序的另一个实例？

---

我希望这完全发生在客户端。此外，我要发送的数据是一个包含许多变量和子对象的复杂对象，而不是像发送JSON对象或字符串那样简单。

这与TypeScript或类的使用无关。各种解决方案，如本地存储，或简单地将整个对象发回服务器，都是可用的，但有限

---

从这个意义上说，这是一个重复的问题，例如

您是否研究过WebSocket？我希望这完全发生在客户端。此外，我要发送的数据是一个包含许多变量和子对象的复杂对象，而不是像发送JSON对象或字符串那样简单。