title: md-tabs with same content Angular Material
body: <p>I want to use the tabs provided from Angular Material in order to have two different options for my application. The tabs are located in the navbar of my application. However the tab switching should just trigger a click-event as the main content of both tabs is the same (below the navbar).</p>
  
  <p>So now, I tried using the md-tabs without any content just with a ng-click, but that does not seem to work.</p>
  
  <p>Oc I could use sime buttons in my navbar, but I want to have the annimation and the red line of the material tabs, which seems not possible with the buttons. </p>
  
  <p>Anyone knows how to solve my problem?</p>
  
  <p>Code right now: </p>
  
  <pre><code>&lt;md-content flex="" layout-padding="" class="md-small"&gt;
    &lt;md-toolbar&gt;
      &lt;div class="md-toolbar-tools"&gt;
        &lt;h2&gt;
          &lt;span ng-click="moveTo(53.534980, 9.975195)"&gt;Some Header&lt;/span&gt;
        &lt;/h2&gt;
        &lt;span flex="5"&gt;&lt;/span&gt;
  
  
          &lt;md-tabs class="md-accent" md-selected="data.selectedIndex" md-align-tabs="top"&gt;
            &lt;md-tab id="tab1"&gt;
              &lt;md-tab-label&gt;Item One&lt;/md-tab-label&gt;
              &lt;md-tab-body&gt;
              &lt;/md-tab-body&gt;
            &lt;/md-tab&gt;
            &lt;md-tab id="tab3"&gt;
              &lt;md-tab-label&gt;Item Three&lt;/md-tab-label&gt;
              &lt;md-tab-body&gt;
              &lt;/md-tab-body&gt;
            &lt;/md-tab&gt;
          &lt;/md-tabs&gt;
  
        &lt;span flex=""&gt;&lt;/span&gt;
        &lt;md-button class="md-icon-button md-primary"  aria-label="Settings" ng-click="toggleRight()"&gt;
          &lt;md-icon md-svg-icon="images/menu.svg"&gt;&lt;/md-icon&gt;
        &lt;/md-button&gt;
      &lt;/div&gt;
    &lt;/md-toolbar&gt;
      &lt;span flex&gt;&lt;/span&gt;
  &lt;/md-content&gt;
  </code></pre>