html - 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 包裹在花括号中，使其成为绑定(bind)。只需删除它们以告诉 on-change 调用一个函数:

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