ポリマー2はグローバル変数を定義します

Question

最近Polymer 2.0での作業を開始しましたが、これまでのところ私はそれを愛しています。 私は、typescriptと組み合わせてAngularに慣れています。グローバル変数を定義するのがとても簡単でした。

欲しい結果： 私は、ログインページで "Username"という名前の変数を持っているとしましょう。 varユーザー名は現在「Guest」です。したがって、私のウェルカムページでは、「Hello Guest！」というメッセージが表示されます。ゲストからのログインページの変更でユーザー名は=>ない--ゲストは 歓迎-ページは今言う：こんにちはない-ゲスト「

のように変数を渡さずにこれを行う方法があります！。私はusernameプロパティを使用するたびに、上記のようなユーザー名を渡す必要があります（子コンポーネントの子の子でユーザー名が必要な場合、すべての親にもユーザー名を渡す必要があります） ）これはユーザに関するものですので、この場合はlocalstorage/sessionstorageは問題ありませんが、これは単なる例です。私は何かのためにグローバル定義を使用したいと思いますし、localstorageに保存することは理想的ではないでしょう。

私は多くのポリマー1溶液を見つけましたが、私はhavフルPolymer 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

1つのオプションは、mixinクラスを使用して、必要なコンポーネントに拡張することです。続きを読むhere。

Answer 3

あなたが作成した正確に何を行うために使用することができiron-meta要素があります。