角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"工作。