Tengo cuatro pestañas usando la últimaAngularStrap pestaña, cada pestaña tiene un botón de cierre, y cada panel de pestañas utiliza la últimaui-grid.

resultado esperado: cierre la segunda pestaña, luego muestre la tercera pestaña activa, que puede mostrar el título de la tercera pestaña y el panel de pestañas correctamente.pero el resultado real es: cierre la segunda pestaña, luego muestre el tercer panel de pestañas correctamente, el tercer título de la pestaña activa no se puede mostrar correctamente, muestra el cuarto título de la pestaña activa.

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;

        }

    }

¿Alguien puede ayudarme? ¡Muchas gracias!