How lazy load js scripts synchronously?

Question

I'm trying to find a tool or a .js lib to lazy load my scripts on demand of the routes/urls'.

Basically, I want to:

state = {
  state: 'widgets',
  config: {
     url: '/',
     templateUrl: 'modules/widgets/templates/widgets.template.html',
     resolve: {
         // load the .js  somehow
     }          
}
$stateProvider.state(state.state, state.config);

have anyone already done that? or is there a stand for lazy load .js files?

Thanks!

score 1 · Accepted Answer · edited May 23 '17 at 11:44

1

Probably not exactly what you need, but yes, you can use $controllerProvider. you can find a very nice article here that explains lazy loading in angular - http://ify.io/lazy-loading-in-angularjs/

check this out - AngularJS: lazy loading controllers and content and the lazy load library https://oclazyload.readme.io/

edited May 23 '17 at 11:44

Community

1
1

answered Dec 15 '15 at 05:59

Rabi

2,210
17
18

Thanks! It's a good start! – Alvaro Silvino Dec 15 '15 at 11:35

score 1 · Answer 2 · answered Dec 15 '15 at 22:16

You can use UI-Router Extras Future States https://christopherthielen.github.io/ui-router-extras/#/future

There is a yeoman generator: https://github.com/matoilic/generator-angular-lazy which can get you started quickly with ocLazyLoad + Future States

How lazy load js scripts synchronously?

2 Answers2