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

Vote count: 0

I have two angular js files in

myjs1.js and i have included

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

in myjs2.js i have also included

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

these modules . On my html pages i have to include both the js files

myhtml.html

but the problem is that in both the js files i have to include angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]); due to which myhtml.html is throwing error as both the ngGrid module are conflicting.

when i remove angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]); from one js i am able to get the output in grid as there is no confliction of modules. But i can't remove angular.module('myApp', [ 'ngGrid', 'ui.bootstrap', 'kendo.directives' ]); from any of the js files as ngGrid module is required by other html files.

my question is how to restrict the module ngrid not to include in my one html file and got used by other html files.

Can i control by tag used separately for both the html files ??

asked 35 secs ago

Shashank

Let's block ads! (Why?)

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