[Angular + Webpack] ocLazyLoad compoment

转载于 2015-11-19 04:39:00 发布 · 40 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/4976466.html

文章标签：

#webpack #javascript #ViewUI

本文详细介绍了如何利用$q'和$ocLazyLoad在Angular应用中实现懒加载技术，通过需求分析、原理讲解和具体实现步骤，帮助开发者优化应用性能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        $stateProvider
            .state('landing', {
                url: '/',
                views: {
                    'body@': {
                        template: '<olr-landing></olr-landing>'
                    }
                },
                resolve: {
                    loading: ['$q', '$ocLazyLoad', function ($q, $ocLazyLoad) {
                        let deferred = $q.defer();
                        require.ensure([], function () {
                            let landingModel = require('../app/landing/index.js')(ngModule);
                            $ocLazyLoad.load({
                                name: 'app'
                            });
                            deferred.resolve(landingModel);
                        });

                        return deferred.promise;
                    }]
                }
            })