如何同步延迟加载js脚本？

Question

我正在尝试寻找工具或 .js 库来根据 [=25] 的需要延迟加载我的脚本=]'.

基本上，我想：

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

有人做过吗？或者是否有延迟加载 .js 文件的立场？

谢谢！

Answer 1

可能不完全是您需要的，但是您可以使用 $controllerProvider。你可以在这里找到一篇非常好的文章，它解释了 angular - http://ify.io/lazy-loading-in-angularjs/

中的延迟加载

看看这个 - AngularJS: lazy loading controllers and content 和延迟加载库 https://oclazyload.readme.io/

Answer 2

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

有一个 yeoman 生成器：https://github.com/matoilic/generator-angular-lazy 可以让您快速开始使用 ocLazyLoad + Future States

如何同步延迟加载js脚本？

How lazy load js scripts synchronously?

javascript

lazy-loading

angularjs

angularjs-routing

angular-ui-router