bootstrap-tabs

How to tell which bootstrap tab is selected in Angular-UI

by

Actually this is really simple as each pane exposes the active attribute that supports 2-way data binding: <tabs> <pane ng-repeat=”pane in panes” heading=”{{pane.title}}” active=”pane.active”> {{pane.content}} </pane> </tabs> and then an active tab can be easily found, for example: $scope.active = function() { return $scope.panes.filter(function(pane){ return pane.active; })[0]; }; Here is a working plunk

AngularJS UI Bootstrap Tabs that support routing

by

To add routing you typically use an ng-view directive. I’m not sure it’s easy enough to modify angular UI to support what you’re looking for, but here’s a plunker showing roughly what i think you’re looking for (it’s not necessarily the best way of doing it – hopefully someone can give you a better solution … Read more