Angular bootstrap tab ng-if bug

Issue

When using ng-if on a tab if that statement returns true then the second tab will be active instead of the first.

<tabset>
    <tab heading="Static title" ng-if="aaa == true">Static content</tab>
    <tab heading="tab2">Content 2</tab>
</tabset>

i feel like ive tried everything but with no luck.

here is an example of the problem:

http://plnkr.co/edit/Hpif920RrB6nS4AB4Mwj?p=preview

I hope some of you might be able to help me!

Solution

try use active attribute. like this

<tabset>
  <tab heading="Static title" active="aaa == true" >Static content</tab>
  <tab heading="tab2">Content 2</tab>
</tabset>

Answered By - Hadi J