如何为标签集创建下拉列表而不是标签标题

Question

所以我正在创建一个angularjs 1.4和bootstrap 3网络应用程序。 Web应用程序的一部分有一个标签集，允许用户单击选项卡并查看不同的图表。我想将标签标题更改为下拉菜单，用户可以在下拉列表中看到可用的图表，当他们点击某个选项时，系统会显示该选项的图表。

我尝试做的是隐藏标签标题并创建一个单独的下拉列表，其中我有一个ng-click功能，它利用jquery选择器选择特定标签并添加“活动”标签。类的元素。这可以工作，但保留在图表的加载屏幕上，从不显示内容。

任何帮助或其他想法都会很棒！

$scope.openGraphTab = function(graph){
            selectedGraph = graph;
            var index = getSelectedGraphIndex(graph);
            $('.tab-pane').removeClass('active');
            var tabs = $('.tab-pane:nth-child(index)').addClass('active');
        }; 

^^这是我打算尝试打开标签的功能。

Answer 1

这只是糟糕的设计。我继续重写所有代码，将它们包含在div中，只显示用户选择的包含图形数据的div。