Wednesday, September 6, 2017

What are Modules in AngularJS?

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.

Creating an AngularJS module

<script type="text/javascript">


// defining module angular.module('myApp', []);


//OR defining module which has dependency on other modules angular.module('myApp', ['dependentModule1', 'dependentModule2']);

</script>

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>

No comments:

Post a Comment

What is restrict option in directive?

The restrict option in angular directive, is used to specify how a directive will be invoked in your angular app i.e. as an attribute, class...