在angularjs中加载js文件以减少加载时间

时间:2018-11-20 09:25:45

标签: angularjs oclazyload

我正在使用angularjs来构建应用程序并进行延迟加载,但是我认为我做错了什么,因为控制器在加载文件之前就命中了?

var app = angular.module('mainApp', ['ui.router', 'oc.lazyLoad', 'commonApp', 'adminApp', 'ui.bootstrap', 'gm', 'ngMessages', 'daterangepicker','customDirectives']);

app.config(['$ocLazyLoadProvider', '$stateProvider', '$urlRouterProvider' , function($ocLazyLoadProvider, $stateProvider, $urlRouterProvider,uiGmapGoogleMapApiProvider) {
	$urlRouterProvider.otherwise("/home");
	//Config For ocLazyLoading
	$ocLazyLoadProvider.config({
		'debug': true, // For debugging 'true/false'
		'events': true, // For Event 'true/false'
		'modules': [{ // Set modules initially
			name : 'home', // State1 module
            files: ['home/home.controller.js',
                    'home/home.service.js',
					'home/homeMapper.service.js'
                    ]
		}]
	});

	//Config/states of UI Router
	$stateProvider
	.state('home', {
		url: "/home",
		views : {
			"" : {
				templateUrl:"/home/home.html",
				controller: 'homeCtrl',
				controllerAs:'vm',
			}
		},
		
		resolve: {
			loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
				return $ocLazyLoad.load('home'); // Resolve promise and load before view 
			}]
		}
	})
	
}]);

0 个答案:

没有答案