title: Angular Material tabs do not carry over data attributes
body: <p>I am using <a href="https://material.angularjs.org/latest/demo/tabs" rel="nofollow">Angular Material tabs</a> (<code>&lt;md-tabs&gt;</code>). When adding a <code>data</code> attribute such as <code>data-filter</code> on the tab element, the built in Material directive does not bring it over when it converts them.</p>
  
  <p>For example, this is my markup:</p>
  
  <pre><code>&lt;div ng-app="MyApp"&gt;
    &lt;md-content&gt;
      &lt;md-tabs md-dynamic-height="" md-border-bottom=""&gt;
        &lt;md-tab label="one" data-filter="tab-one"&gt;
          &lt;md-content class="md-padding"&gt;
            &lt;p&gt;Tab 1&lt;/p&gt;
          &lt;/md-content&gt;
        &lt;/md-tab&gt;
        &lt;md-tab label="two" data-filter="tab-two"&gt;
          &lt;md-content class="md-padding"&gt;
            &lt;p&gt;Tab 2&lt;/p&gt;
          &lt;/md-content&gt;
        &lt;/md-tab&gt;
      &lt;/md-tabs&gt;
    &lt;/md-content&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And this is the markup of just <code>tab-one</code> after Angular Material has rendered it:</p>
  
  <pre><code>&lt;md-tab-item tabindex="-1" class="md-tab ng-scope ng-isolate-scope md-ink-ripple md-active" style="max-width: 1280px" ng-repeat="tab in $mdTabsCtrl.tabs" role="tab" aria-controls="tab-content-0" aria-selected="true" aria-disabled="false" ng-click="$mdTabsCtrl.select(tab.getIndex())" ng-class="{'md-active': tab.isActive(), 'md-focused': tab.hasFocus(), 'md-disabled': tab.scope.disabled }" ng-disabled="tab.scope.disabled" md-swipe-left="$mdTabsCtrl.nextPage()" md-swipe-right="$mdTabsCtrl.previousPage()" md-tabs-template="::tab.label" md-scope="::tab.parent"&gt;
    &lt;span class="ng-scope"&gt;one&lt;/span&gt;
    &lt;div class="md-ripple-container"&gt;&lt;/div&gt;
  &lt;/md-tab-item&gt;
  </code></pre>
  
  <p>As you can see from above, it does not have the <code>data-filter="tab-one"</code> within it. Is there a way of modifying or hooking into the directive to pull all data attributes over?</p>
  
  <p><a href="http://codepen.io/anon/pen/jWawZL" rel="nofollow"><strong>Working Example</strong></a></p>
  
  <p><strong>EDIT:</strong> Did further testing, and it also does not bring over IDs or classes.</p>