在另一个选项卡中将变量暴露给Web应用程序的实例?

时间:2017-02-01 00:34:01

标签: angular typescript copy-paste

我正在使用Angular2和Typescript构建一个图形Web应用程序,它允许用户创建流程图。

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

这些流程图对象只是一个打字稿类。例如:

export class AbstractFlowChartObject {
     //variables

     //methods
}

我已设置我的复制功能,以保存对已单击的对象的引用:

var objectToCopy : AbstractFlowChartObject = whateverObjectWasClicked;

如何将此变量公开给在另一个标签中运行的应用程序的另一个实例?

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

1 个答案:

答案 0 :(得分:0)

这与TypeScript或以任何方式使用类无关。可以使用各种解决方案,例如本地存储,或者只是将整个对象发布回服务器,但数量有限。

从这个意义上说,这是一个问题的重复问题,例如Javascript: sharing data between tabs - Stack Overflow