如何限制 angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);？

Question

我有兩個角度js文件

myjs1.js和我已經包括

angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);

myjs2.js我也包括

angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);

這些模塊。 在我的html頁面上，我必須同時包含這兩個 js 文件

我的html.html

<script src="../../js/myjs1.js"></script>
<script src="../../js/myjs2.js"></script>

但問題是在兩個 js 文件中我都必須包含angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]); 由於這兩個 ngGrid 模塊發生沖突，因此myhtml.html拋出錯誤。

當我刪除angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]) ; 由於沒有模塊沖突，我可以從一個 js 中獲得網格中的輸出。 但我無法刪除angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]); 來自任何 js 文件，因為其他 html 文件需要 ngGrid 模塊。

我的問題是如何限制模塊 ngrid 不包含在我的一個 html 文件中並被其他 html 文件使用。

我可以通過分別用於兩個 html 文件的<html ng-app="myApp">標簽進行控制嗎？

Answer 1

創建多個具有不同名稱的模塊，並將它們作為依賴項添加到myApp模塊中。

例如：

模塊1.js

angular.module('myModule1', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);

模塊2.js

angular.module('myModule2', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);

應用程序.js

angular.module('myApp', [ 'myModule1', 'myModule2' ]);

然后在您的 html 文件中按以下順序包含它們：

<script src="../../js/module1.js"></script>
<script src="../../js/module2.js"></script>
<script src="../../js/app.js"></script>

如何限制 angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);？

問題描述

1 個解決方案

解決方案1
1 已采納 2017-02-13 07:50:10

如何限制 angular.module(&#39;myApp&#39;, [ &#39;ngGrid&#39;, &#39;ui.bootstrap&#39;, &#39;kendo.directives&#39; ]);？

問題描述

1 個解決方案

解決方案1 1 已采納 2017-02-13 07:50:10

如何限制 angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);？

解決方案1
1 已采納 2017-02-13 07:50:10