ocLazyLoad angular 按需加载

Posted 龙鸿轩

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ocLazyLoad angular 按需加载相关的知识,希望对你有一定的参考价值。

ionic 框架

1.引用

index.html 加载 <script type="text/javascript" src="lib/oclazyload/ocLazyLoad.min.js"></script>

2.注入

angular.module(‘starter‘, [‘ionic‘, ‘oc.lazyLoad‘])

3.配置

.state(‘app.myinfo‘, {
            url: ‘/user/myinfo‘,
            views: {
                ‘menuContent‘: {
                    templateUrl: ‘templates/user/myinfo.html‘,
                    controller: ‘myinfoCtrl‘
                }
            }
          , resolve: { // Any property in resolve should return a promise and is executed before the view is loaded
              loadMyCtrl: [‘$ocLazyLoad‘, function ($ocLazyLoad) {
                  // you can lazy load files for an existing module
                  return $ocLazyLoad.load([‘js/controllersuser.js‘, ‘js/directive.js‘]);
              }]
          }
        })

 

以上是关于ocLazyLoad angular 按需加载的主要内容,如果未能解决你的问题,请参考以下文章

ui-router中使用ocLazyLoad和resolve

AngularJS、ocLazyLoad 和 ui-router:如何在不将“状态”集中在 app.js 主类上的情况下按需加载

angularJS使用ocLazyLoad实现js延迟加载

AngularJs 通过 ocLazyLoad 实现动态(懒)加载模块和依赖

控制器已在 DOM 中加载,但视图未加载且无法找到控制器 - oclazyload with jam(pugjs)

如何让组件路由器 $router 与 Webpack 和 ocLazyLoading 一起使用?