AngularJS

AngularJS Controller

To control the flow of data AngularJS mainly relies on controllers. It is defined using ng-controller directive. Controller contain attributes, properties and functions.

Example of Controller:

<html>
<head>
<title>AngularJS Controllers</title>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<h2>AngularJS Controllers</h2>
<div ng-app="ngApp" ng-controller="nameController">
    First name: <input type="text" ng-model="name.firstName"><br><br>
    Last name: <input type="text" ng-model="name.lastName"><br>
    <br>
    Full name: {{name.fullName()}}
</div>
<script>
var ngApp = angular.module("ngApp", []);
ngApp.controller('nameController', function($scope) {
   $scope.name = {
      firstName: "Mark",
      lastName: "Taylor",
      fullName: function() {
         var nameObject;
         nameObject = $scope.name;
         return nameObject.firstName + " " + nameObject.lastName;
      }
   };
});
</script>
</body>
</html>

nameController defined with $scope as argument.
$scope refers to the application which is to use the nameController object.
$scope.name is property of nameController object.
$scope.name object has two properties: firstName and lastName.
$scope.name object has fullName function which return the concatenate name.
When you type anything in first name and last name input boxes, Full name will be updated automatically.

Namaste UI (Author)

Namaste UI collaborates closely with clients to develop tailored guest posting strategies that align with their unique goals and target audiences. Their commitment to delivering high-quality, niche-specific content ensures that each guest post not only meets but exceeds the expectations of both clients and the hosting platforms. Connect with us on social media for the latest updates on guest posting trends, outreach strategies, and digital marketing tips. For any types of guest posting services, contact us on info[at]namasteui.com.