title: Two-way angular binding for selected polymer paper-tab
body: <p>I'm trying to use the Polymer paper-tabs component in an Angular app. I have the markup like:</p>
  
  <pre><code>&lt;paper-tabs noink selected="0"&gt;
     &lt;paper-tab class="tab1" data-ng-click="currentTab='tab1'"&gt;Tab1&lt;/paper-tab&gt;
     &lt;paper-tab class="tab2" data-ng-click="currentTab='tab2'"&gt;Tab2&lt;/paper-tab&gt;
  &lt;/paper-tabs&gt;
  </code></pre>
  
  <p>I want to be able to bind the selected <code>paper-tab</code> to an angular scope field, such that if I update the scope field, the markup re-renders to select the new tab that is somehow associated with the scope field's new value.</p>
  
  <p>Is this possible? It seems that the only way to configure which tab is selected is via the <code>selected</code> attribte on <code>paper-tabs</code>. But if you programmatically update this value during the life of the page (either via jQuery or via an angular binding), then it doesn't cause the tabs to re-render with the new tab selected.</p>