2015-12-03 82 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