ng2-bootstrap tab select event fire multiple time

[bschauhan]

i am use ng2-bootstrap tabs in our project. But, tab select event call multiple time. How to resolve it?

HTML Code:

<tabset [justified]="true" #staticTabs>
    <tab (select)="changeTab('teamtab',$event)" [active]="isCurrentTab == 'teamtab'">
        <!-- More Code -->
    </tab>
    <tab (select)="changeTab('formtab',$event)" [active]="isCurrentTab == 'formtab'">
        <!-- More Code -->
    </tab>
</tabset>

Component code:

changeTab(type, e){
    console.log(e);
}

[akmittal]

It is duplicate of #1820 and #1129

[akmittal]

Plunker to replicate issue

Workaround

changeTab(type, e){
   if (!e.tabset) return;
    console.log(e);
}

[dave0688]

I think I found an edge case here:

It still fires multiple requests for me in the following scenario: I have a form in each tab. When an input is focused, and I jump into the next input with tab (AND that input where I jumped in is NOT empty), then it fires the event three times.

The workaround works for me. Still would be nice if someone could fix that.

Thanks :)