변수를 다른 탭의 웹 응용 프로그램 인스턴스에 표시 하시겠습니까?

Question

저는 사용자가 플로우 차트를 생성 할 수있게 해주는 Angular2와 Typescript를 사용하여 그래픽 웹 어플리케이션을 구축하고 있습니다.

다음 과제는 순서도 개체의 복사 및 붙여 넣기 기능을 구현하는 것입니다. 사용자는 복사 할 순서도 객체를 마우스 오른쪽 버튼으로 클릭 한 다음 화면의 오른쪽을 클릭하고 해당 객체를 붙여 넣을 수 있어야합니다. 그러나 데이터를 다른 탭에 붙여 넣을 수 있도록하려면. 따라서 사용자가 두 개의 다른 탭에서 실행중인 응용 프로그램 인스턴스 두 개를 가지고 있고 한 탭에서 개체를 복사하는 경우 해당 개체를 다른 탭에 붙여 넣을 수 있어야합니다.

이러한 흐름 차트 개체는 입력 스크립트 클래스입니다. 예를 들어 :

export class AbstractFlowChartObject { 
    //variables 

    //methods 
} 

나는 같은 클릭 된 객체에 대한 참조를 저장 내 복사 기능을 설정 한 : 어떻게 다른 인스턴스에이 변수를 노출 할 수 있습니다

var objectToCopy : AbstractFlowChartObject = whateverObjectWasClicked; 

을 내 다른 탭에서 실행중인 응용 프로그램?

클라이언트 측에서이 문제가 발생하기를 바랍니다. 또한 보내려는 데이터는 많은 변수와 자식 객체가있는 복잡한 객체입니다. JSON 객체 나 문자열을 보내는 것처럼 간단하지는 않습니다.

Answer 1

이것은 어떤 식 으로든 TypeScript 또는 클래스 사용과 관련이 없습니다. 로컬 스토리지와 같은 다양한 솔루션 또는 단순히 전체 개체를 서버에 다시 게시 할 수는 있지만 제한적입니다. 그런 의미에서

이 당신이 WebSocket을 들여다 본 적이 같은 Javascript: sharing data between tabs - Stack Overflow