ui.bootstrap.tabs how to know which tab is active in angularjs controller

Question

I have two tabs in my tab set on html:

<tabset justified="true" style="padding:13px">
    <tab heading="Static profit" >
        content one                         
    </tab>
    <tab heading="Dinamic profit" >
        content two                         
    </tab>
</tabset>

My question is how to know in controller which tab is active. I want show/hide outside div depending of active tab.

Anik Islam Abhi · Accepted Answer · 2015-08-28 10:49:06Z

2

Try like this

<tabset justified="true" style="padding:13px">
    <tab heading="Static profit" ng-click="onTabSelect('tab1')" >
        content one                         
    </tab>
    <tab heading="Dinamic profit" ng-click="onTabSelect('tab2')">
        content two                         
    </tab>
</tabset>

js

$scope.onTabSelect=function(tabName){
  console.log(tabName);
}

answered Aug 28, 2015 at 10:49

Anik Islam Abhi

25.4k8 gold badges61 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Faizan Shakeel Over a year ago

how can i activate a tab programmatically without using ng-repeat?

Collectives™ on Stack Overflow

ui.bootstrap.tabs how to know which tab is active in angularjs controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related