Search code examples
angularjsangular-ui-bootstrapangular-ui-bootstrap-tab

Select active tab in uib-tabset ui-bootstrap angularjs


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>

Solution

  • 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>