未注入角度分量

时间:2016-06-09 12:40:33

标签: javascript html angularjs

所以我在这里要做的是制作一个角度组件并将其注入我的角度应用程序。 以下是角度分量的代码:

(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,我将这个新组件注入app模块。

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

我从控制台得到这个:

enter image description here 奇怪的是我也有一个some.hello角度组件与相同类型的代码,它工作正常。如何解决这个问题?任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:1)

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

请尝试以下方法:

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

编辑#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.