2015-12-03 83 views
0

我們將Polymer 1.0組件引入以香草JS編寫的遺留系統中。一些新組件需要發揮良好的作用,並與現有的邏輯進行交互。由於我們沒有將整個應用程序「聚合」的自由進行組件化(聚合),所以我們遇到了有關事件處理/消息傳遞的一些挑戰。聚合物:傾聽外部事件

例如,假設有一個頁面,其中包含用vanilla JS編寫的todo選擇器和用Polymer編寫的詳細信息組件。另外,todo選擇器是Polymer細節組件的同級。當用戶檢查待辦事項時,相關聚合物組件將顯示包含待辦事項詳細信息的選項卡。如果選中多個待辦事項,則會顯示多個選項卡。同樣,如果選項卡關閉,選擇器上的關聯待辦事項將被取消選中(需要進行雙向通信)。

將事件偵聽器附加到可以響應從選擇器分派的「外部」事件的聚合物詳細信息組件的最佳方式是什麼?對於另一個方向,我相信我們可以從聚合物組件中「發射」一個事件。

+0

提問內容分散了整體的意圖。您的標題綽綽有餘我相信 –

回答

1

可以指定你的組件反應聽衆的名單:

listeners: { 
    // `click` events on the host are delegated to `tapHandler` 
    'tap': 'tapHandler' 
    }, 

更多信息以正確的Documentation section

+0

是的,我在閱讀並嘗試在張貼這裏之前。我一定是搞錯了。我必須明天再試一次。謝謝。 – Brad