angular.js - angularjs 使用oclazyload 加载ui-grid

问题描述

$ocLazyLoadProvider配置部分

{ name: ’ui.grid’, files: [ ’vendor/modules/angular-ui-grid/ui-grid.min.css’, ’vendor/modules/angular-ui-grid/ui-grid.min.js’ ] },

ui-router部分

.state(’app.account.account_M’,{ url:’/account_M’, templateUrl:’tpl/account_account_M.html’, resolve: { deps: [’$ocLazyLoad’,function( $ocLazyLoad ){ return $ocLazyLoad.load([’ui.grid’]).then( function(){ return $ocLazyLoad.load(’js/controllers/account_M.js’); } ); }] } })

这样是没问题的，可是ui-grid把许多功能分开了，要使用的话需要注入，就是要从ui-grid.min.js注入多个结果我写成了如下$ocLazyLoadProvider配置部分

{ name: ’ui.grid’, files: [ ’vendor/modules/angular-ui-grid/ui-grid.min.css’, ’vendor/modules/angular-ui-grid/ui-grid.min.js’ ] }, { name: ’ui.grid.resizeColumns’, files: [ ’vendor/modules/angular-ui-grid/ui-grid.min.css’, ’vendor/modules/angular-ui-grid/ui-grid.min.js’] }, { name: ’ui.grid.expandable’, files: [ ’vendor/modules/angular-ui-grid/ui-grid.min.css’, ’vendor/modules/angular-ui-grid/ui-grid.min.js’] },

ui-router部分

.state(’app.account.account_M’,{ url:’/account_M’, templateUrl:’tpl/account_account_M.html’, resolve: { deps: [’$ocLazyLoad’,function( $ocLazyLoad ){ return $ocLazyLoad.load([’ui.grid’,’ui.grid.resizeColumns’,’ui.grid.expandable’]).then( function(){ return $ocLazyLoad.load(’js/controllers/account_M.js’); } ); }] } })

但是肯定不能这样啊，这样应该重复多次加载了ui-grid.min.js和css了吧，我该怎么做呢，求指教

问题解答

{ name: ’ui.grid.*’, files: [ ’static/bower_components/angular-ui-grid/ui-grid.min.js’, ’static/bower_components/angular-ui-grid/ui-grid.min.css’, ’static/bower_components/angular-ui-grid/ui-grid.css’ ]}

之前看到的issues