AngularJS

What Is Modules In AngularJS?

In AngularJS, applications are structured in modules. The module is a container for the different parts of the AngularJS application.

The module is a container for the controllers. Controllers always belong to a module.

Multiple modules can exist in an AngularJS application: main module (ng-app), service modules, controller modules, etc.

To create a module, angular.module() function is used.

var app = angular.module("myApp", []);

Using angular.module() you can add controllers, directives, filters, and more, to AngularJS application.

In the module definition, The [] parameter can be used to define dependent modules. Without the [] parameter, you are retrieving an existing module, not creating a new module.

Example

Open the Example1.html file and add the code in it.

<!DOCTYPE html>
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.8/angular.min.js"></script>
    <title></title>
</head>
<body>
    <div ng-app="myApp" ng-controller="myCtrl">
        Name: <input type="text" ng-model="firstName"><br> <br>
        Name: {{firstName}}
    </div>
    <script>
        var app = angular.module('myApp', []);
        app.controller('myCtrl', function ($scope) {
            $scope.firstName = "The CodeHubs";
        });
    </script>
</body>
</html>

The “myApp” parameter is referred to as an HTML element in which the application will run.

Output:

Yasin Panwala

Yasin Panwala is a Web Developer and Author at TheCodeHubs. He has experience in Web Developing and Designing and also in Writing. He has got his skills in working on technologies like .NET Core, ADO.NET, AJAX, Angular, AngularJS, ASP.NET, ASP.NET MVC, Bootstrap, C#, CSS, Entity Framework, Express.js, GraphQL, HTML, JavaScript, JQuery, JSON, LINQ, Microsoft Office, MongoDB, MySQL, Node.js, PostgreSQL, SQL, SQL Server, TypeORM, TypeScript, Visual Basic .NET, Web API. He also got his skills in working with different integration and some known versioning tools. He is always ready to learn new things and he always tries his best on tasks that are assigned to him and gives the best possible outputs.