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.
Using an AngularJS module into your app
You can bootstrap your app by using your AngularJS module as given below:
You can define following components with in your angular module:
Creating an Angular JS module
// defining module
angular.module('myApp', []);
//defining module which has dependency on other modules
angular.module('myApp', ['dependentModule1', 'dependentModule2']);
Using an AngularJS module into your app
You can bootstrap your app by using your AngularJS module as given below:
<html ng-app="myApp">
<head> ... </head>
<body> ... </body>
You can define following components with in your angular module:
No comments:
Post a Comment