不AngularStrap选项卡中显示正确激活的标签标题 [英] not show active tab title correctly in AngularStrap tab

问题描述

我有四个选项卡采用了最新的 AngularStrap 标签，每个标签都有一个关闭按钮，并采用最新的 UI网<每个选项卡窗格/ code>。

I have four tabs using the latest AngularStrap tab, every tab has a close button, and every tab pane using the latest ui-grid.

1. 预期的结果：关闭第二个选项卡，然后显示第三有源
   标签，它可以正确显示第三个选项卡标题和标签面板。


2. 但实际的结果是：关闭第二个选项卡，然后显示第三
   标签窗格正确，第三个活动标签标题不能显示
   正确的，它显示出第四有源标签的标题。

HTML code：

html code:

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

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;

        }

    }

谁能帮助我？感谢ü非常感谢！

can anyone help me? thank u very much!

推荐答案

当你从数组的索引改变，因为一个元素被删除拼接让 $ rootScope.tabs.activeTab = $ rootScope.tabs [指数] .title伪; 已经不对齐;

When you splice from the array the indices change because the element is removed so $rootScope.tabs.activeTab = $rootScope.tabs[index].title; doesn't align anymore;

这篇关于不AngularStrap选项卡中显示正确激活的标签标题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！