将事件处理程序附加到Polymer核心元素

时间:2014-09-20 16:32:30

标签: javascript polymer web-component

我正在使用Polymer迈出第一步。关于哪些元素可用,文档非常好,但是我缺少一些关于事件处理的信息。我有以下示例:

<core-header-panel flex>                                  
  <core-toolbar>
    <core-icon-button icon='menu' on-click='my_handler'></core-icon-button>
  </core-toolbar>
</core-header-panel>

我的测试处理程序定义如下:

var my_handler = function() {
  alert('!!!');
};

查看documentation,我看不到任何可用事件的规范。我在哪里可以找到它们?我尝试on-clickon-tap但没有成功。我认为这是某种&#34; Hello World!&#34;例如,所以我必须遗漏一些东西。有人可以解释如何点击按钮来调用我的处理程序吗?

1 个答案:

答案 0 :(得分:3)

在Polymer&gt; = 1.0中,不再需要花括号用于事件处理程序。

旧答案

在Polymer中,你需要在每个绑定中使用小胡子

 on-click='{{my_handler}}'

您可以在此问题bind a polymer template to html5 video.textTracks

中找到完整的示例