javascript - 未能注入(inject) Angular 分量

Question

所以我在这里想做的是制作一个 Angular 组件并将其注入(inject)到我的 Angular 应用程序中。 这是 Angular 分量的代码:

(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，我将这个新组件注入(inject)到应用程序模块中。

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

我从控制台得到这个:

奇怪的是我也有一个 some.hello Angular 组件，具有相同类型的代码，并且工作正常。如何解决这个问题？任何帮助将不胜感激。

Answer 1

您没有将自定义模块声明为应用程序模块的依赖项。

请尝试以下操作:

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

编辑＃1:

尝试将您的 Angular 模块代码包装在 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.