Ustawianie aktywnej zakładki na dynamicznie tworzonych zakładkach z Angular UI Bootstrap

Question

Mam dynamiczny zestaw tabulacji, który generuje tabulacje z tablicy, która zaczyna się puste. Kiedy dodaję nowy element do tablicy, pojawia się on jako nowa karta. Chcę, aby ostatnia dodana karta była aktywną. I ustawić aktywny indeks za każdym razem dodać element do tablicy

HTML:

<uib-tabset active="activeTabIndex"> 
    <uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}">Some content</uib-tab> 
</uib-tabset> 

JavaScript:

$scope.activeTabIndex = 0 
$scope.tabs = []; 

$scope.addTab = function() { 
    var newTab = { title: 'Tab ' + ($scope.tabs.length + 1) }; 
    $scope.tabs.push(newTab); 
    $scope.activeTabIndex = ($scope.tabs.length - 1); 
    console.log($scope.activeTabIndex); 
}; 

oto upadać na pełnym kodem źródłowym demo: https://plnkr.co/edit/TX6ek4R62AfM2zUXcoC3?p=preview

Problem polega na tym, że działa tylko z nieparzystą liczbą kart. Oto co mam na myśli:

Na wstępnym obciążeniem wygląda to tak:

Po dodaniu nowej karty pokazuje aktywną jedną poprawnie:

Kiedy dodaj jeszcze jedno, nic się nie wybiera i aktywna zmiennaTabIndex staje się niezdefiniowana:

A na 3. jeden zaczyna działać ponownie:

Więc nawet dla aktywnych numerów indeksowych (0, 2) działa prawidłowo. Ale jakoś zamiast Acitve Index: 1 pokazuje puste i nie ustawia aktywnej karty. Piszę zmienną do konsoli i poprawnie wyświetla wszystkie wartości.

Każda pomoc/wskazówki/pomysły są mile widziane.

Dzięki.

Answer 1

Według docs:

aktywny (Domyślnie: Indeks pierwszej zakładce) - Aktywny spis karcie. Ustawienie tego na istniejącym indeksie kart spowoduje, że karta będzie aktywna.

Zapewnienie tablica zakładki zawiera aktywny jeden, myślę, że należy dodać tam $ timeout:

 $scope.addTab = function() { 
     var newTab = { title: 'Tab ' + ($scope.tabs.length + 1) }; 
     $scope.tabs.push(newTab); 
     $timeout(function(){ 
      $scope.activeTabIndex = ($scope.tabs.length - 1); 
     }); 
     console.log($scope.activeTabIndex); 
     }; 

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