CODEWITHSUNDEEP
htmlpolymerweb-component
Ibrohim Kholilul Islam
Ibrohim Kholilul Islam

Reputation: 756

Event Handling in Polymer

I have switch.html like this:

<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>

version: 1.2.0

How do I catch change event and handle it? I have set on-change property, but it does not work. Next, I need to send json to my server.

Upvotes: 2

Views: 51

Answers (2)

Pascal Gula
Pascal Gula

Reputation: 1173

Did you try this:

on-change="handleToggle"

handleToggle is not a property, so you do not have to use {{}}.

Upvotes: 0

MrK
MrK

Reputation: 662

You have wrapped handleToggle in curly braces which makes it a binding. Just remove them to tell on-change to call a function:

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

Upvotes: 1

Related Questions