我有两个 Angular 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.directives' ]);
来自任何 js 文件,因为其他 html 文件需要 ngGrid 模块。
我的问题是如何限制 ngrid 模块不包含在我的一个 html 文件中并被其他 html 文件使用。
我可以通过 <html ng-app="myApp">
来控制吗?标签分别用于两个 html 文件??
最佳答案
创建多个具有不同名称的模块,并将它们作为依赖项添加到您的 myApp
模块中。
例如:
module1.js
angular.module('myModule1', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);
module2.js
angular.module('myModule2', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]);
app.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>
关于javascript - 如何限制 angular.module ('myApp' ,[ 'ngGrid' , 'ui.bootstrap' , 'kendo.directives' ]);?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42198824/