所以我正在创建一个 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');
};
^^这是我调用来尝试打开选项卡的函数。