Не удалось ввести угловой компонент

Question

Так что я пытаюсь сделать здесь, это сделать угловой компонент и получить его впрыском в мое угловое приложение. Вот код для углового компонента:

(function(angular) { 
'use strict'; 

angular.module('some.someModule', ['bm.component.templates']) 
.directive('somesomeModule', somesomeModule); 

somesomeModule.$inject = []; 
function somesomeModule() { 
    return { 
     restrict:'EA', 
     templateUrl : 'components/document_preview/document-preview1.html' 
    }; 
} 
})(window.angular); 

У меня есть app.js, где я инъекционные этот новый компонент модуля приложения.

var someApp = angular.module('some.app', [ 
    'bm.component.templates', 
    'some.hello', 
    'some.someModule', 
]) 
.config(config) 
.run(run); 

Я получаю это из консоли:

Странная вещь у меня также есть some.hello угловой компонент с такой же код и он работает нормально. Как это исправить? Любая помощь будет принята с благодарностью.

Answer 1

Вы не объявляете свой пользовательский модуль в качестве зависимости от вашего прикладного модуля.

Пожалуйста, попробуйте следующее:

var someApp = angular.module('some.app', [ 
    'bm.component.templates', 
    'some.hello', 
    'some.documentPreview', 
    'some.someModule' 
]) 
.config(config) 
.run(run); 

EDIT # 1:

Попробуйте обертывание ваш угловой код модуля в IFFE, как вы сделали с вашей таможней один:

(function (angular) { 
    var someApp = angular.module('some.app', [ 
      'bm.component.templates', 
      'some.hello', 
      'some.documentPreview', 
      'some.someModule' 
     ]) 
     .config(config) 
     .run(run); 
})(window.angular); 

РЕДАКЦИЯ № 2: Here's your code working.