JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap-tpls.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.12.1/ui-bootstrap.min.js"></script>


<div id="test">
    <div ng-controller="testCtrl">
           <tabset>
    {{tabs.active}}
        <tab heading="Tree" >
            tab1
        </tab>
        <tab heading="XML" active="tabs.active" ng-click="checkTab(tabs.active)">

           tab2
        </tab>
    </tabset>
        
    </div>
</div>

JavaScript

angular.
    module('test', ['ui.bootstrap.tpls','ui.bootstrap'])
        .controller("testCtrl", function($scope) {
$scope.checkTab = function(check){
            console.log(check);
           
           }
        })


angular.bootstrap(document.getElementById('test'), ['test']);