AngularJS Modules

Module serves as a container of different parts of your app such as controllers, services, filters, directives, etc. Modules can be referenced by other modules through Angular’s dependency injection mechanism.

Creating a module:

 .module('app', []);

Array [] passed in above example is the list of modules app depends on, if there are no dependencies then we pass Empty Array i.e. [].

Injecting a module as a dependency of another module:

angular.module('app', [

Referencing a module:



Module is a container for various parts of your applications – controller, services, filters, directive, etc.

Why to use Modules

Most applications have a main method that instantiates and wires together the different parts of the application. Angular apps don’t have main method.

But in AngularJS the declarative process is easy to understand and one can package code as reusable modules. Modules can be loaded in any order because modules delay execution.

declare a module

var app = angular.module('myApp', []);
// Empty array is list of modules myApp is depends on.
// if there are any required dependancies,
// then you can add in module, Like ['ngAnimate']
app.controller('myController', function() {
 // write your business logic here

Module Loading and Dependencies

1. Configuration Blocks: get executed during provider and configuration phase.

angular.module('myModule', []).
config(function(injectables) {
 // here you can only inject providers in to config blocks.

2. Run Blocks: get executed after the injector is created and are used to start the application.

angular.module('myModule', []).
run(function(injectables) {
 // here you can only inject instances in to config blocks.

AngularJS Notes for Professionals book

Ahmed Mohamed Abd ElMajeed

Web developer and Server Administrator, Founder of Akwad web School and Programmer Notes.

Leave a Reply

Your email address will not be published. Required fields are marked *


Adblock Detected

Please consider supporting us by disabling your ad blocker