angularjs - Angular app with more than one module and general functionality -
angularjs - Angular app with more than one module and general functionality -
angular modules kind of namespacing feature know .net world. maintain things contained in modules.
the problem this:
i pages don't have specific client-side functionality utilize custom directives define ng-app
or ng-app="xyz"
work; don't want introduce additional javascript code(file) create work.
i have pages different modules i.e. app.main
, app.specific
; both of these pages should utilize same directives #1 , utilize them.
i contain general stuff within app.general
module, , have additional modules mentioned app.main
, app.specific
.
which module should directives defined in , how should dependencies (if @ don't phone call each other's code in way) between these modules directives and pages work expected?
if understanding question correctly, suggestion define several angular app modules in same javascript file , activate appropriate 1 each page ng-app="app.general"
directive vs ng-app="app.specific"
. have have single concatenated javascript file contains:
angular.module('app.general', ['mydirective']);
(plus additional dependencies) your specific code defined angular.module('app.specific', ['mydirective', 'myservice']);
(plus additional dependencies) also note don't have declare app dependencies literal array of strings. var directives = ['dir1', 'dir2'];
angular.module('app.specific', directives.concat('myservice', 'mycontroller'));
express specific app uses same directives general app.
each page include same <script src="/bundle.js"></script>
html (thus loaded web 1 time cached).
general pages include ng-app="app.general"
in html. specific pages have ng-app="app.specific"
.
certain pages don't have specific client-side functionality utilize custom directives
so directives technically constitute "client side functionality" since rendered final html in browser. need load angular.js, modules containing directives , @ to the lowest degree 1 line of own code define app , declare it's dependencies on modules provide custom directives using.
angularjs module
Comments
Post a Comment