1

我有以下组件:

angular.module('dummyApp', [])
.component('myComponent', myComponent)

function myComponent(){
    return {
        template: '<B> Hello World!</B>'
    }
}

当我尝试使用 $ocLazyLoad 在另一个模块中加载上述组件时,它没有加载并且没有任何错误:

angular.module('mainApp', 'oc.lazyLoad', 'ui.bootstrap')
    .controller('appController', function($ocLazyLoad, $modal){

        $ocLazyLoad.load({
            name: 'dummyApp',
            files: ['../app.component.js']
        }).then(function() {
            var modalInstance = $modal.open({
                backdrop: 'static',
                keyboard: true,
                backdropClick: false,
                template: '<my-component></my-component>',
                windowClass: 'edit-contactenblad',
            });
        });
    })

我只能看到带有以下标签的 HTML:

<div role="dialog" class="modal fade sm in" ....>
    <div class="modal-dialog" >
       <div class="modal-content" modal-transclude="">
          <my-component class="ng-scope ng-isolate-scope"></my-component>
       </div>
    </div>
</div>

这里<my-component>的标签不解析组件中定义的模板。

但是,如果我在“mainApp”模块中定义相同的组件,那么它会成功解析模板。

版本详情:

  1. AngularJS:1.5.6
  2. ui.bootstrap:2.5.0
  3. oc.lazyLoad:0.6.0
4

0 回答 0