Button innerhalb einer statischen Registerkarte zu zeigen, zweite Registerkarte funktioniert nicht, wenn angular ui Bootstrap

Question

Ich möchte, dass beim Klicken auf eine Schaltfläche in einem statischen Tab würde mich zu einem anderen Tab. Ich versuche eckig ui Bootstrap zu verwenden, aber es funktioniert nicht. Ich bin unten Code verwenden, aber es ist nicht erwerbsfähigen

<uib-tab index="0" heading="Static title">Static content 
     <button class="btn btn-default btn-sm" ng-click="tabs[2].active = true">Select third tab</button> 

    </uib-tab> 

ich ein https://plnkr.co/edit/dTdsbeWbWiIqvmjh2IY8?p=preview hier- Plunker erstellt haben

Kann mir jemand sagen, wie kann ich das erreichen?

Answer 1

Ich habe das versucht und es hat funktioniert.

<button class="btn btn-default btn-sm" ng-click="secondTab()">Select second tab</button> 

In Controller:

$scope.secondTab = function(){ 
    $scope.active = 2; 
} 

https://plnkr.co/edit/wZ8yIkjvoLO82wvG5UBc?p=preview