問題タブ [angular-ui-tabset]

さまざまなタブをスクロールしながらダーティ チェックを実装する必要があります。しかし、この select() および deselect() メソッドを angular ui タブに実装しようとすると、リッスンせず、別のタブへのナビゲーションが停止します。

私は明示的にそれらをアクティブにしていますが、まだうまくいきません。

この問題のデバッグを手伝ってくれますか、それとも回避策を教えてください。

Dashboard.html

DashboardCtrl.js

これは、イベントをリッスンしていないか、アクティブなタブを正しく選択していません。

Angular JS バージョン 1.4.3 ブートストラップ バージョン 0.14.3

私はuib-tabset4つのタブを持っています:

このコントローラーがあります：

各タブの構造は同じです。これらはすべて UI-GRID を含み、含まれるデータのみが異なります。

少なくとも、サーバーを呼び出すサービスは次のとおりです。コントローラに関しては、4 つのタブのサービスも同じで、URL のみが異なります。

私の問題は、各タブに を追加したとしても、blockUIを含むページを開くと、uib-tabsetすべてのデータがロードされていないように見えることがあります。たとえば、テーブルが入力された最初の 2 つのタブが表示されますが、他の 2 つのタブは入力されていません。または最初の 2 つと最後の 2 つなど。

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

私がやろうとしたことは、タブ見出しを非表示にして、jquery セレクターを利用して特定のタブを選択し、「アクティブ」クラスを要素に追加する ng-click 関数がある別のドロップダウンを作成することでした。これは機能しますが、グラフのロード画面にとどまり、コンテンツが表示されません。

どんな助けや他のアイデアも素晴らしいでしょう!

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

angular-uitabsを使用して、各タブをクリックするだけで、さまざまなコントローラーからさまざまな関数を呼び出そうとしていますdirective。

HTML

このようなエラーが発生しています

新しい/分離されたスコープを求める複数のディレクティブ [ngController、tab]

要件

I have 5-6 tabs in a page. The page should not load the data of each tab at once. It should only load data for a tab once that tab is being clicked.

解決

tabsetディレクティブをラップして、それぞれのコントローラーから関数を呼び出すためのイベントparent controllerを取得できるようにするソリューションがあります。broadcastParentControllerChild

問題：

しかし、悲しいことに、私のアプリケーションにはタブを含むページが多すぎParentControllerますChildController。私はそれのための良い解決策が何であるかを知る必要がありますか?

押されたときにタブ配列に新しいタブを追加するng-click付きのボタンを含むコードがあります。

次に、配列が作成され、ビューに表示されます。

また、各タブには、この関数を呼び出す削除リンクがあります。

問題は、最後に追加されたタブではないタブを削除すると、アクティブなタブとインデックスが同じではないことです。問題を示す plunkr があります: http://plnkr.co/edit/02Lll7oPYyvAxcKu5GkK?p=preview同じ。

アイデアはありますか？

私はこのコードでAngularUIを使用しています:

angular-controller コードから現在アクティブなタグをプログラムで変更したいと考えています。たとえば、タブ「2」を選択してアクティブにします。

これはどのように行うことができますか？