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

标签 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 但没有成功。我认为这是某种“Hello World!”例如,所以我一定遗漏了一些东西。有人可以解释如何告诉按钮在单击时调用我的处理程序吗?

最佳答案

在 Polymer >= 1.0 中,事件处理程序不再需要大括号。

旧答案

在 Polymer 中,每个绑定(bind)都需要 mustache

 on-click='{{my_handler}}'

你可以在这个问题bind a polymer template to html5 video.textTracks中找到一个完整的例子

关于javascript - 将事件处理程序附加到 Polymer 核心元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25950953/

相关文章:

javascript - HTML 在 Internet Explorer 中导入加载顺序

javascript - polymer :用复杂的观察器观察阵列突变

dart - 使用 Polymer 将 DateTime 绑定(bind)到日期输入字段

javascript - 使用 chart.js 在条形图中应用背景颜色

javascript - react 路由器: component not rendering after login

testing - 我们如何使用 polymer 和 Selenium 进行端到端测试?

javascript - 实例化 polymer 元素后如何使用它?

javascript创建的模板元素不起作用

javascript - 将图像从 Canvas 保存到 WordPress 媒体库(或服务器)

php - 周日倒计时