ANGULARJS Configuring routing Delay loading files

Angularjs needs to load files on demand, need to redefine route

varapp= angular.module (' Appconfigservice ', [' ui.router ', ' oc.lazyload ']); App.provider (' AppConfig ', [' $stateProvider ', ' $urlRouterProvider ', ' $ocLazyLoadProvider ',function($stateProvider, $urlRouterProvider, $ocLazyLoadProvider) { This. module =function(modules) {$ocLazyLoadProvider. config ({modules:modules}); }     This. otherwise =function(URL) {$urlRouterProvider. otherwise (URL); return  This; }     This. State =function(stateobj) {varDeps = []; if(stateobj.deps) {Deps=StateObj.deps.names; if(!deps) Deps= []; if(StateObj.deps.files &&stateObj.deps.files.length) Deps.push ({name:' Bayerapp ', Serie:true, InsertBefore:' #ng_load_plugins_before ',//load the above CSS files before ' #ng_load_plugins_before 'files:stateObj.deps.files}); } $stateProvider. State (Stateobj.name, {url:stateObj.url, TEMPLATEURL:STATEOBJ.TEMPLATEURL || ' views/' + stateobj.name + '. html ', Controller:stateObj.controller, resolve: {loadfiles: [' $ocLazyLoad ',function($ocLazyLoad) {return$ocLazyLoad. Load (deps); }]            }        })        return  This; }     This. $get =function () {        return NULL; }}])

Inject the created service and use the

var AppConfig = Angular.module (' Bayerapp ', [' Appconfigservice ']); Appconfig.config ([function  (appconfigprovider) {    appconfigprovider.module ([]);    Appconfigprovider        . Otherwise ('/single ')        . State ({            ' single ',            '/single ') ,            ' Spa/views/single.html ',            "Singlecontroller",            deps: {                names: [],                files: [                     ' Spa/controllers/singlecontroller.js '}}        ]);

ANGULARJS Configuring routing Delay loading files