Eu tenho quatro guias usando as últimasAngularStrap guia, todas as guias possuem um botão Fechar e cada painel de guias usando asui-grid.

resultado esperado: feche a segunda guia e mostre a terceira guia ativa, que pode mostrar o título e o painel da terceira guia corretamente.mas o resultado real é: feche a segunda guia e mostre o terceiro painel da guia corretamente, o terceiro título da guia ativa não pode ser exibido corretamente, ele mostra o quarto título da guia ativa.

Código HTML:

        <div data-fade="1" bs-active-pane="tabs.activeTab" bs-tabs>
            <div ng-repeat="tab in tabs" data-title="{{ tab.title }}" name="{{ tab.title }}" disabled="{{ tab.disabled }}" ng-include src="tab.page" bs-pane></div> 
        </div>

código js:

    // delete tab
    closeTab = function(obj){
        var index = obj.parentElement.dataset.index;
        // remove your selected tab
        $rootScope.tabs.splice(index, 1);
        if(!angular.isUndefined($rootScope.tabs[index])){
            // show the next active tab title.
            $rootScope.tabs.activeTab = $rootScope.tabs[index].title;

        }

    }

Alguém pode me ajudar? muito obrigado!