Bootstrapのタブコントロールはすべてのタブのコードを起動します

Question

私はAngular 1.5.8 MVC asp.net WebアプリケーションでBootstrap 3.0 Tab Stripを使用しています。

現在、私は5つのタブを持っています。各タブは、サーバーに高価なデータ呼び出しを行い、データを取得します。

現在、ページが読み込まれると、すべてのコードが1つのコントローラファイルに含まれているため、すべての5つのタブのすべてのコードが実行されます。

既定のタブのデータのみを読み込む方法はありますか？そのため、他のタブのデータ呼び出しは、各タブがクリックされたときにのみ呼び出されます。

また、角のクリックイベントを各タブにアタッチする方法はありますか？

私に例を教えてください。

おかげ

BTD

Answer 1

最善の解決策は、彼らがページのロード時に呼び出され、その後、コントローラのみで初期タブの関数を呼び出すことはありませんので、関数内でこれらの呼び出しを宣言するだろう。お使いのコントローラで、次のような何か：

$scope.Tab1 = function() {...}; 
$scope.Tab2 = function() {...}; 
$scope.Tab3 = function() {...}; 
$scope.Tab1(); 

そしてタブに自身があなただけの他のデータのロードをトリガするng-clickメソッドを使用します。

<a href="#tab2" ng-click="Tab2()">Tab 2</a>