Select active tab in uib-tabset ui-bootstrap angularjs

1.3k views Asked by At

I'm trying to select active tab with uib-tabset in ui-bootstrap library. Seems like that setting active="1" or active="0" has no effect on the active tab. documentation is in here https://angular-ui.github.io/bootstrap/

Example:

<uib-tabset active="1">
    <uib-tab heading="tab1" index="0">
      ........
    </uib-tab>

    <uib-tab heading="tab2" index="1">
      ..........
    </uib-tab>
</uib-tabset>
1

There are 1 answers

0
hagai On BEST ANSWER

Thanks, I was able to fix it, I'm using an older version (1.x) so solution is:

<uib-tabset >
    <uib-tab heading="tab1" active="true">
      ........
    </uib-tab>

    <uib-tab heading="tab2" >
      ..........
    </uib-tab>
</uib-tabset>