从app.js主模块中隐藏组件内的插件

Question

这可能是 oldy 但是无论如何我想有很多前端开发者的智慧。

我正在尝试不将插件声明到我的应用程序的主模块中。

假设我有以下模块化：

SUB-COMPONENT MODULE

(function () {
'use strict';

         angular.module('app.modules.table.detail', []);

})();

组件模块

(function () {
'use strict';

         angular.module('app.modules.table', [
                  'app.modules.table.detail'
         ]);

})();

MAIN APP MODULE

(function() {
'use strict';

     angular.module('app.modules', 
        [ 'app.modules.table' <----// inside here is the table.detail 
         ,'app.modules.other.component'
        ]);


     angular.module('app', ['app.modules',

                             'smoothScroll']) 

那么，通过这种结构，我可以将 smoothScroll 第三方隐藏在 app 模块阵列之外吗？我只想宣布 app.modules ，这就是应用程序。

我试图将它作为组件数组中的依赖项包含在内，但没有运气。我一直在阅读，我想它必须在应用程序上为$ inject注册才能知道他的$提供者。

任何人都已经钉了这个？

Answer 1

我会回答自己，因为它比我更容易。

我没有在子组件/组件模块中声明第三方。

CHILD模块组件

(function () {
'use strict';
angular.module('app.modules.table.detail', ['smoothScroll']); <-- HERE!
})();

PARENT模块组件

(function () {
'use strict';

angular.module('app.modules.table', ['app.modules.table.detail', 'smoothScroll' <--- ALSO HERE
]);
})();

所以现在我可以引导应用程序，而无需在主模块上声明第三方。因此，它隐藏在主应用程序模块文件

中