角UI选项卡的选择事件不会按预期工作

Question

我使用Angular UI Tabs如图below.My问题这里是内uib-tabsetselect事件正在对load moment.In换句话说解雇而无需单击该选项卡（heading="sorry"）。可你告诉我如何解决这个问题？

这里是Plunker.

<uib-tabset active="active"> 
    <uib-tab index="0" heading="Static title">Static content</uib-tab> 
    <uib-tab index="3" select="alertMe()"> 
     <uib-tab-heading> 
     <i class="glyphicon glyphicon-bell"></i> Alert! 
     </uib-tab-heading> 
     I've got an HTML heading, and a select callback. Pretty cool! 
    </uib-tab> 

    <uib-tab heading="My issue"> 
     <uib-tabset type="pills"> 
      <uib-tab heading="sorry" select="alertMe()"> 

      </uib-tab> 

     </uib-tabset> 
    </uib-tab> 

</uib-tabset> 

Answer 1

您需要设置内，嵌套UIB-标签集的积极属性为null。默认情况下，第一个标签总是被选中，因此alertMe函数被执行。

<uib-tabset active="active"> 
    <uib-tab index="0" heading="Static title">Static content</uib-tab> 
    <uib-tab index="3" select="alertMe()"> 
    <uib-tab-heading> 
     <i class="glyphicon glyphicon-bell"></i> Alert! 
    </uib-tab-heading> 
    I've got an HTML heading, and a select callback. Pretty cool! 
    </uib-tab> 

    <uib-tab heading="My issue"> 
    <uib-tabset type="pills" active="null"> 
     <uib-tab heading="sorry" select="alertMe()"> 

     </uib-tab> 

    </uib-tabset> 
    </uib-tab> 

</uib-tabset> 

Working Plunker

OP的反馈：对我来说active="-1"工作。