bootstrap-tabs

Is there a way to tell which tab that has been selected when using the Bootstrap tabs in Angular UI ? I tried watching the panes array but it deosn't seem to be updated when switching tab. Can one specify a callback function when a tab is selected? Update with code example. The code very much follows the example from the Angular UI bootstrap page. Markup: <div ng-controller="TabsDemoCtrl"> <tabs> <pane ng-repeat="pane in panes" heading="{{pane.title}}" active="pane.active"> <div ng-include="pane.template"></div> </pane> </tabs> </div> Controller: var TabsCtrl = function ($scope) { $scope.panes

I am building a page which contains many charts, which are displayed one at a time depending on which tab you are looking at. The chart in the initially active tab renders correctly. However when I click to another tab, the chart is not rendered properly. Presumably this is because the hidden field does not have dimensions until it is made visible. In fact if I resize the window the chart will correct it's proportions, and render so that it fills the available width. I can fix this problem by explicitly defining the chart size via css, but this defeats the responsive aspect of the charts. Can