Javascript 如何限制angular.module（'；myApp'；['；ngGrid'；，'；ui.bootstrap'；，'；kendo.directives'；]）；？

我有两个有角度的js文件

myjs1.js我已经包括

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

myjs2.js我还包括

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

这些模块。在我的html页面上，我必须同时包含两个js文件

myhtml.html

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

但问题是，在这两个js文件中，我都必须包含

angular.module（'myApp'、['ngGrid'、'ui.bootstrap'、'kendo.directives']）
由于myhtml.html引发错误，因为两个ngGrid模块冲突

当我删除angular.module（'myApp'，['ngGrid'，'ui.bootstrap'，'kendo.directives']）时，

；从一个js我可以得到网格中的输出，因为没有模块冲突。 但是我不能删除

angular.module（'myApp'，['ngGrid'，'ui.bootstrap'，'kendo.directions'）来自任何js文件，因为ngGrid模块是其他html文件所必需的

我的问题是如何限制模块ngrid不包含在我的一个html文件中，并被其他html文件使用

我可以通过分别用于两个html文件的
标记进行控制吗？？？
创建多个具有不同名称的模块，并将它们作为依赖项添加到您的
myApp
模块中

例如：

module1.js

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

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

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

module2.js

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

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

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

app.js

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

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

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

然后在html文件中按以下顺序包含它们：

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