Polymer 中的事件处理

Question

我有 switch.html 这样的：

<link rel="import" href="/public/components/paper-toggle-button/paper-toggle-button.html">    
<dom-module id="element-name">
  <template>
    <div><paper-toggle-button on-change="{{handleToggle}}"></paper-toggle-button></div>
  </template>
  <script>
    // element registration
    Polymer({
      is: "element-name",
      properties: {
        greeting: {
          type: String,
          value: "Hello!"
        }
      },
      handleToggle: function() {
        alert('Ow!')
      }
    });
  </script>
</dom-module>

版本: 1.2.0

如何捕获并处理 change 事件？我已经设置了on-change 属性，但它不起作用。接下来，我需要将 json 发送到我的服务器。

Answer 1

您已将 handleToggle 包裹在花括号中，使其成为绑定。只需删除它们以告诉 on-change 调用一个函数：

<paper-toggle-button on-change="handleToggle"></paper-toggle-button>

Answer 2

你试过这个吗：

on-change="handleToggle"

handleToggle 不是属性，因此您不必使用 {{}}。

Polymer 中的事件处理

Event Handling in Polymer

html

web-component

polymer