tabset 대신 탭 제목 대신 드롭 다운을 만드는 방법

Question

그래서 angularjs 1.4 및 부트 스트랩 3 웹 앱을 만듭니다. 웹 앱의 일부에는 탭을 클릭하여 다른 그래프를 볼 수있는 탭셋이 있습니다. 탭 머리글을 대신 드롭 다운으로 변경하여 사용자가 드롭 다운에서 사용 가능한 그래프를 볼 수 있고 옵션을 클릭하면 해당 옵션의 그래프가 표시됩니다.

내가 시도한 것은 탭 제목을 숨기고 jquery 선택기를 사용하여 특정 탭을 선택하고 요소에 '활성'클래스를 추가하는 ng-click 기능이있는 별도의 드롭 다운을 만드는 것입니다. 이것은 작동하지만 그래프의 로딩 화면에 머 무르지 않고 내용을 표시하지 않습니다.

어떤 도움이나 아이디어라도 좋을 것입니다.

$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 만 표시하도록했습니다.