title: Angular UI Tab's Select event is not working as expected
body: <p>I'm using <a href="https://angular-ui.github.io/bootstrap/" rel="nofollow">Angular UI Tabs</a> as shown below.My issue here is the inner <code>uib-tabset</code>  <code>select</code> event is being fired on <code>load</code> moment.In other words without clicking that tab (<code>heading="sorry"</code>).Can you tell me how to sort out this issue?</p>
  
  <p>Here is the <a href="http://plnkr.co/edit/XPjiIFkLAIJ6bQslcPNb" rel="nofollow"><strong>Plunker.</strong></a></p>
  
  <pre><code> &lt;uib-tabset active="active"&gt;
      &lt;uib-tab index="0" heading="Static title"&gt;Static content&lt;/uib-tab&gt;
      &lt;uib-tab index="3" select="alertMe()"&gt;
        &lt;uib-tab-heading&gt;
          &lt;i class="glyphicon glyphicon-bell"&gt;&lt;/i&gt; Alert!
        &lt;/uib-tab-heading&gt;
        I've got an HTML heading, and a select callback. Pretty cool!
      &lt;/uib-tab&gt;
  
       &lt;uib-tab heading="My issue"&gt;
          &lt;uib-tabset type="pills"&gt;
              &lt;uib-tab heading="sorry" select="alertMe()"&gt;
  
              &lt;/uib-tab&gt;
  
          &lt;/uib-tabset&gt;
       &lt;/uib-tab&gt;
  
  &lt;/uib-tabset&gt;
  </code></pre>