title: Deactivate second tab in Angular md-tabs
body: <p>Is there any attribute in angular material md-tabs that disables a tab something similar to what they have in Bootstrap.</p>
  
  <pre><code>$scope.tabs = [{
      title: 'Dynamic Title 1',
      content: 'Dynamic content 1'
  }, {
      title: 'Dynamic Title 2',
      content: 'Dynamic content 2',
      disabled: true
  }];
  </code></pre>
  
  <p>Something like this?</p>
  
  <pre><code>&lt;div class="col-lg-12 col-md-12"&gt;
      &lt;md-card-content id="nvd3-scrollable-content" style="height: 350px;"&gt; 
                   &lt;md-tabs md-dynamic-height md-border-bottom md-selected="selectedTab"&gt;
                        &lt;md-tab ng-repeat="data in trendData" label="{{data.name}}"&gt;
                          &lt;md-content class="md-padding" &gt;
                           &lt;div ng-if="data.name == 'FirstTab'"&gt;
                              &lt;!-- some code--&gt;
                          &lt;/div&gt;
  
                           &lt;div ng-if="data.name == 'SecondTab'"&gt;
                          &lt;!-- some other code--&gt;
                           &lt;/div&gt;
                      &lt;/md-content&gt;
                  &lt;/md-tab&gt;
  
              &lt;/md-tabs&gt;
           &lt;/md-card-content&gt;                      
      &lt;/div&gt;
  </code></pre>