0

だから私はangularjs 1.4とbootstrap 3 Webアプリを作成しています。Web アプリの一部には、ユーザーがタブをクリックしてさまざまなグラフを表示できるタブセットがあります。代わりに、タブの見出しをドロップダウンに変更したいと思います。ユーザーはドロップダウンで使用可能なグラフを確認でき、オプションをクリックすると、そのオプションのグラフが表示されます。

私がやろうとしたことは、タブ見出しを非表示にして、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');
        };

^^これは、タブを開こうとするために呼び出す関数です。

4

1 に答える 1

0

これはちょうど悪い設計でした。先に進み、すべてのコードを書き直して、それらを div 内に含め、グラフ データを含むユーザーが選択した div のみを表示しました。

于 2016-06-14T15:32:35.020 に答える