폴리머 2는 전역 변수를 정의합니다

Question

최근 Polymer 2.0으로 작업하기 시작했습니다. 저는 typescript와 함께 Angular에 익숙합니다. 전역 변수를 정의하는 것이 얼마나 쉬운 지 알고 싶습니다.

원하는 결과 : 로그인 페이지에서 "Username"이라는 변수가 있다고 가정 해 봅시다. var 사용자 이름은 현재 "Guest"이므로 내 환영 페이지에는 "Hello Guest!"라는 메시지가 있습니다. 로그인 페이지의 사용자 이름이 게스트 => 손님이 아닌 경우 환영 페이지에 이제 안녕하세요 - 손님이 없습니다. "

과 같은 변수를 전달하지 않고이 작업을 수행 할 수있는 방법이 있습니까? ? 왜냐하면 매번 username 속성을 사용하기를 원하기 때문에 위와 같은 사용자 이름을 전달해야합니다. (자식 컴포넌트의 자식 하위 사용자 이름이 필요한 경우 모든 부모에게 사용자 이름을 전달해야합니다.) 이제 이것은 사용자에 관한 것이므로이 경우 localstorage/sessionstorage는 괜찮을 것이지만 이것은 단지 예일뿐입니다. 다른 것을 정의하는 전역을 사용하고 localstorage에 저장하는 것이 이상적이지는 않을 것입니다. .

나는 많은 폴리머 1 솔루션을 발견했지만, 전체 폴리머 2.0에 내 응용 프로그램.

감사합니다.

Answer 1

나는 생각하고 webcomponent myself을 만들었습니다. 사용은 :

// Login component 
// Define global variable 
<brum-global-var key="username" value="{{username}}"></global-variable> 

// welcome-page 
// Use global variable 
<brum-global-var key="username" value="{{username}}" readonly></global-variable> 

Answer 2

하나의 옵션은 믹스 인 클래스를 사용하고 필요한 모든 구성 요소로 확장하는 것입니다. 더 읽기 here.

Answer 3

만든 정확히 무엇을하는 데 사용할 수있는 iron-meta 요소가있다.