聚合物:听外部事件

时间:2015-12-03 01:49:46

标签: javascript events polymer polymer-1.0

我们将Polymer 1.0组件引入用vanilla JS编写的遗留系统中。一些新组件需要发挥良好并与现有逻辑交互。因为我们没有自由组件化(聚合)整个应用程序和聚合物方式,所以我们在事件处理/消息传递方面遇到了一些挑战。

例如,假设有一个页面包含用vanilla JS编写的todo选择器,以及用Polymer编写的详细信息组件。此外,todo选择器是Polymer详细信息组件的兄弟。当用户检查待办事项时,相关的聚合物组件将显示包含该待办事项详细信息的选项卡。如果选中多个待办事项,将显示多个选项卡。同样,如果选项卡已关闭,则选择器上的相关待办事项将被取消选中(需要进行双向通信)。

将事件监听器附加到Polymer详细信息组件的最佳方法是什么,该组件可以响应' external'从选择器调度的事件?对于另一个方向,我相信我们可以“开火”。来自Polymer组件的事件。

1 个答案:

答案 0 :(得分:1)

您可以指定组件对其作出反应的侦听器列表:

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

正确的Documentation section

中的更多信息