title: Use ng-click on md-tab label
body: <p>I'm having trouble with <code>md-tabs</code> : I can't call a controller function whenever I click on a specific tab to be displayed.</p>
  
  <p>Here are the few codes I tried :</p>
  
  <pre><code>&lt;md-tabs md-center-tabs id="menuTabs" md-dynamic-height="true" ng-click="focusSearch()"&gt;
  
              &lt;md-tab label="&lt;i class='fa fa-search'&gt;&lt;/i&gt;" ng-if="handleResize()"&gt;
                  &lt;md-content class="control-sidebar-dark" ng-style="{'height' : menuHeight}"&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;md-tabs md-center-tabs id="menuTabs" md-dynamic-height="true"&gt;
  
              &lt;md-tab label="&lt;i class='fa fa-search' ng-click='focusSearch()'&gt;&lt;/i&gt;" ng-if="handleResize()"&gt;
                  &lt;md-content class="control-sidebar-dark" ng-style="{'height' : menuHeight}"&gt;
  </code></pre>
  
  <p>and</p>
  
  <pre><code>&lt;md-tabs md-center-tabs id="menuTabs" md-dynamic-height="true"&gt;
  
              &lt;md-tab ng-click="focusSearch()" label="&lt;i class='fa fa-search'&gt;&lt;/i&gt;" ng-if="handleResize()"&gt;
                  &lt;md-content class="control-sidebar-dark" ng-style="{'height' : menuHeight}"&gt;
  </code></pre>
  
  <p>I want my <code>focusSearch()</code> function to be called when I click on this tab but she never is.</p>