在AngularStrap标签

Question

我有四个标签使用最新的AngularStrap标签，每个标签都有一个关闭按钮，每个标签窗格都使用最新的ui-grid。

1. 预期结果：关闭第二个标签，然后显示第三个标签 选项卡，可以正确显示第三个选项卡标题和选项卡窗格。
2. 但实际结果是：关闭第二个标签，然后显示第三个标签 选项卡窗格正确，第三个活动标签标题无法显示 正确地，它显示第四个活动标签标题。

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 code：

    // 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;

        }

    }

谁能帮助我吗？非常感谢你！

Answer 1

当您从数组拼接时，索引会更改，因为该元素已被删除，因此$rootScope.tabs.activeTab = $rootScope.tabs[index].title;不再对齐;