AngularJS でアプリケーションを作成しています。依存関係スクリプトを使用してアクティブ化する必要があるウィジェットが多数あります。スクリプトは、ビューのコンテンツが読み込まれた後に実行する必要があります。次の状態があります。
.state('dashboard', {
url: "/dashboard.html",
templateUrl: "views/dashboard.html",
data: {pageTitle: 'Admin Dashboard Template'},
controller: "DashboardController",
resolve: {
deps: ['$ocLazyLoad', function($ocLazyLoad) {
return $ocLazyLoad.load({
name: 'DYSCOApp',
insertBefore: '#ng_load_plugins_before',
files: [
"assets/vendor/jquery-ui/jquery-ui.js",
"assets/vendor/jqueryui-touch-punch/jqueryui-touch-punch.js",
"assets/vendor/jquery-appear/jquery-appear.js",
"assets/vendor/bootstrap-multiselect/bootstrap-multiselect.js",
"assets/vendor/jquery.easy-pie-chart/jquery.easy-pie-chart.js",
"assets/vendor/flot/jquery.flot.js",
"assets/vendor/flot.tooltip/flot.tooltip.js",
"assets/vendor/flot/jquery.flot.pie.js",
"assets/vendor/flot/jquery.flot.categories.js",
"assets/vendor/flot/jquery.flot.resize.js",
"assets/vendor/jquery-sparkline/jquery-sparkline.js"
//ANGULARJS
"angular/controllers/DashboardController.js"
]
});
}]
}
})
templateUrl:"views/dashboard.html" ファイルの読み込みが完了したら、JS ファイルを読み込みたいと思います。