Невозможно загрузить angularjs компонент, определенный в другом модуле - PullRequest
Новая
       22

Невозможно загрузить angularjs компонент, определенный в другом модуле

1 голос
/ 20 марта 2020

У меня есть компонент ниже: 

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. o c .lazyLoad: 0.6.0
...