title: How to make md-tab not clickable?
body: <p>How do you make <code>md-tab</code> not clickable on angularJS? I do not want to disable the tab content, but just want to make the <code>md-tab</code> not clickable so users can't navigate through the pages by clicking on the tab:</p>
  
  <p>This is my code:</p>
  
  <pre><code>&lt;md-content class="md-padding" &gt;
    &lt;md-tabs md-dynamic-height="" md-border-bottom="" md-selected="selectedIndex"&gt;
        &lt;md-tab label="one"&gt;
          &lt;md-content class="md-padding"&gt;
            &lt;h1 class="md-display-2"&gt;Tab One&lt;/h1&gt;
            &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla venenatis ante augue. Phasellus volutpat neque ac dui mattis vulputate. Etiam consequat aliquam cursus. In sodales pretium ultrices. Maecenas lectus est, sollicitudin consectetur felis nec, feugiat ultricies mi.&lt;/p&gt;
             &lt;md-button class="md-raised md-primary" ng-click="nextTab()"&gt;Next&lt;/md-button&gt;
          &lt;/md-content&gt;
        &lt;/md-tab&gt;
        &lt;md-tab label="two"&gt;
          &lt;md-content class="md-padding"&gt;
            &lt;h1 class="md-display-2"&gt;Tab Two&lt;/h1&gt;
            &lt;p&gt;Lorem  risus, pulvinar at interdum quis, vehicula sed odio. Phasellus in enim venenatis, iaculis tortor eu, bibendum ante. Donec ac tellus dictum neque volutpat blandit. Praesent efficitur faucibus risus, ac auctor purus porttitor vitae. Phasellus ornare dui nec orci posuere, nec luctus mauris semper.&lt;/p&gt;
  
            &lt;md-button class="md-raised md-primary" ng-click="nextTab()"&gt;Next&lt;/md-button&gt;
          &lt;/md-content&gt;
  
        &lt;/md-tab&gt;
  
      &lt;/md-tabs&gt;
    &lt;/md-content&gt;
  </code></pre>