We touched upon modules in brief in the last chapter. Modules are containers for components that are part of the framework and for components that we create. Modules allow logical separation of components and also permit them to reference each other.
For our 7 Minute Workout app, all the controllers, directives, services, and filters that we create will be partitioned into multiple AngularJS modules.
To start with, we will add a root module for our app. As a convention, we add all our module declarations in a separate file app.js, which is created in the app's js folder. We make use of the AngularJS Module API to create a new module. Let's add the app.js file in the js folder and add this line at the top:
angular.module('app', []);The previous statement creates a module named app (first argument). The second argument is an array of other module dependencies that the app module has. This is empty for the moment as we are only dependent on the framework module. We will talk...