Angularjs tab pane change event

Question

I am using a bootstrap tab pane using a angular.

I want to find that which tab is clicked.

Here is a plunker link of my example.click here.

This is the code

angular.module('plunker', ['ui.bootstrap']);
var TabsDemoCtrl = function ($scope) {
   
};

<!doctype html>
<html ng-app="plunker">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.5/angular.js"></script>
    <script src="http://angular-ui.github.com/bootstrap/ui-bootstrap-tpls-0.2.0.js"></script>
     
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css" rel="stylesheet">
  </head>
  <body>

<div ng-controller="TabsDemoCtrl">
    <tabs>
            <pane heading="Information">Information Tab</pane>
            <pane heading="activity">activity Tab</pane>
            <pane heading="History">History Tab</pane>
    </tabs>
    <hr> 
</div>
  </body>
</html>

Note: this code is not working in snippet.

I want to find a click event of all the tabs, without using ng-clickevent because there is already a click event ng-click="select(pane)".

Have you read the documentation at https://angular-ui.github.io/bootstrap/#!#tabs? — bamtheboozle, Aug 21 '17 at 06:20
@DragoşPaulMarinescu ,yes , but there is something different code. — chirag satapara, Aug 21 '17 at 06:27
duplicated here https://stackoverflow.com/questions/15685360/how-to-tell-which-bootstrap-tab-is-selected-in-angular-ui — Vu Quyet, Aug 21 '17 at 07:07
@VuQuyet, this is not a duplicate , they are calling a function for get the active tab , see the plunker — chirag satapara, Aug 21 '17 at 07:09

Angularjs tab pane change event

0 Answers0