【问题标题】:Attach event handler to Polymer core element将事件处理程序附加到 Polymer 核心元素
【发布时间】:2014-09-20 16:32:30
【问题描述】:

我正在与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!”例如,所以我一定遗漏了一些东西。有人可以解释一下如何告诉按钮在被点击时调用我的处理程序吗?

【问题讨论】:

    标签: javascript polymer web-component


    【解决方案1】:

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

    旧答案

    在 Polymer 中,每个绑定都需要胡须

     on-click='{{my_handler}}'
    

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

    【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-24
    • 1970-01-01
    • 2016-12-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多