懒惰加载js脚本是如何同步的?

时间:2015-12-15 05:21:25

标签: javascript angularjs angular-ui-router lazy-loading angularjs-routing

我试图找到工具 .js 库,根据路线/网址的要求延迟加载我的脚本。

基本上,我想:

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

有人已经这样做了吗?或是否存在延迟加载 .js 文件的立场?

谢谢!

2 个答案:

答案 0 :(得分:1)

可能不完全是您需要的,但是,您可以使用$controllerProvider。 你可以在这里找到一篇非常好的文章来解释角度延迟加载 - http://ify.io/lazy-loading-in-angularjs/

检查一下 - AngularJS: lazy loading controllers and content 和懒惰的加载库 https://oclazyload.readme.io/

答案 1 :(得分:1)

您可以使用UI-Router Extras Future States https://christopherthielen.github.io/ui-router-extras/#/future

有一个yeoman生成器:https://github.com/matoilic/generator-angular-lazy可以让你快速启动ocLazyLoad + Future States