title: Polymer.js attach handler to paper-button in standard HTML Dom
body: <p>I have four buttons and trying various ways of attaching the handler declaratively:</p>
  <pre><code>&lt;paper-button id=&quot;btnEnter&quot; class=&quot;enabled&quot; raised roll=&quot;button&quot; on-tap=&quot;lm.LoaderActionEnter&quot;&gt;Enter&lt;/paper-button&gt;
  &lt;paper-button id=&quot;btnRW&quot; class=&quot;disabled&quot; raised roll=&quot;button&quot;&gt;
      &lt;core-icon icon=&quot;av:fast-rewind&quot; on-tap=&quot;lm.LoaderActionRW()&quot;&gt;&lt;/core-icon&gt;
  &lt;/paper-button&gt;
  &lt;paper-button id=&quot;btnPause&quot; class=&quot;enabled&quot; raised roll=&quot;button&quot;&gt;
      &lt;core-icon icon=&quot;av:pause-circle-outline&quot; onclick=&quot;lm.LoaderActionPause()&quot;&gt;&lt;/core-icon&gt;
  &lt;/paper-button&gt;
  &lt;paper-button id=&quot;btnFF&quot; class=&quot;disabled&quot; raised roll=&quot;button&quot;&gt;
      &lt;core-icon icon=&quot;av:fast-forward&quot; on-tap=&quot;{{lm.LoaderActionFF}}&quot;&gt;&lt;/core-icon&gt;
  &lt;/paper-button&gt;
  </code></pre>
  <p>The only one that works is the standard <code>onclick=&quot;handler()&quot;</code>. I assume that <code>on-tap=&quot;handler&quot;</code> would be the way to go?  The above code in in a normal index.html page, within the regular flow of the page. The Javascript and polymer code is lazy loaded after the main page has rendered (splash page).</p>
  <p>What is the best way to do this? I have only found demos that use <code>&quot;{{handler}}&quot;</code>, but how would you set up the data binding?</p>