聚合物2定義全局變量

Question

我最近開始使用Polymer 2.0，到目前為止我愛上了它。 我習慣將Angular與typescript結合使用，我喜歡定義全局變量是多么容易。

想要的結果：假設我在登錄頁面中有一個名為“Username”的變量。 var用戶名當前是“訪客”，所以在我的歡迎頁面中，我有消息“Hello Guest！”。 登錄頁面中的用戶名從guest => not-a-guest變為歡迎頁面現在顯示：Hello not-a-guest！“。

有沒有辦法在不傳遞變量的情況下這樣做？ 因為每次我想使用username屬性，我現在必須傳遞上面的用戶名。 （因此，如果我需要子組件子項的子項中的用戶名，我現在必須將用戶名傳遞給所有父項）。 現在，這是關於用戶的，所以在這種情況下，localstorage / sessionstorage會沒問題，但這只是一個例子。 我想將全局定義用於其他東西，並將其保存在localstorage中並不理想。

我發現了很多Polymer 1解決方案，但我很樂意將我的應用程序用於完整的Polymer 2.0。

萬分感謝！

Answer 1

我自己想了一個網絡組件 。 用法：

// 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

一種選擇是使用mixin類並將其擴展到您需要的任何組件中。 在這里閱讀更多。

Answer 3

有一個iron-meta元素可以用來完成你創建的內容。