У меня есть четыре вкладки, используя последниеAngularStrap вкладка, каждая вкладка имеет кнопку закрытия, и каждая панель вкладок, используя последниеui-grid.

Ожидаемый результат: закройте вторую вкладку, затем покажите третью активную вкладку, которая может правильно отображать заголовок третьей вкладки и панель вкладок.но фактический результат таков: закройте вторую вкладку, затем правильно отобразите третью панель вкладок, заголовок третьей активной вкладки не может отображаться правильно, он показывает заголовок четвертой активной вкладки.

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>

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;

        }

    }

Может кто-нибудь мне помочь? большое спасибо!