Angularjs Angular.js延迟加载

Angularjs Angular.js延迟加载,angularjs,lazy-loading,Angularjs,Lazy Loading,我使用angular.js 1.5.8框架和“oc.lazyload”库来延迟加载应用程序。 现在,我试图从父组件加载一个“子”组件(即,将组件“导航”惰性加载到“主”中),但它不起作用 主要组成部分: angular.module('app', [ 'ngRoute', 'oc.lazyLoad' ]).component('main', { template: '<navigation></navigation>',

我使用angular.js 1.5.8框架和“oc.lazyload”库来延迟加载应用程序。 现在,我试图从父组件加载一个“子”组件(即,将组件“导航”惰性加载到“主”中),但它不起作用

主要组成部分:

angular.module('app', [
        'ngRoute', 'oc.lazyLoad'
    ]).component('main', {
        template: '<navigation></navigation>',
        controller: function($ocLazyLoad: any) {
            return $ocLazyLoad.load('ui/navigation.js');
        }
    })
)
当我查看开发人员控制台时,它显示只加载了navigation.js文件,而没有加载模板(navigation.html)

但是,当我将它与ngRouter resolve属性一起使用时,它确实可以工作。有没有类似的东西我可以用在组件上

angular.module('app').component('navigation', {
    templateUrl: './ui/navigation.html'
});