AngularJS modules are containers just like namespace in C#. They divide an angular app into small, reusable and functional components which can be integrated with other angular app. Each module is identified by a unique name and can be dependent on other modules. In AngularJS, every web page (view) can have a single module assigned to it via ng-app directive.
<script type="text/javascript"> // defining module angular.module('myApp', []); //OR defining module which has dependency on other modules angular.module('myApp', ['dependentModule1', 'dependentModule2']); </script>
<html ng-app="myApp"> <head> ... </head> <body> ... </body>
You can define following components with in your angular module:
Directive
Filter
Controller
Factory
Service
Provider
Value
Config settings and Routes
I hope you will have better understanding of module in AngularJS. I would like to have feedback from my blog readers. Your valuable feedback, question, or comments about this article are always welcome.