Blog

Introduction of Angular4 Angular is open source platform for front-end web development.  It is basically used to make dynamic interactive web pages with the use of Single Page Applications (SPA). Angular is developed by the Angular team (which previously develops AngularJS) at Google.   Installation steps of Angular4 To work with Angular4 first we need to set up and configure the development environment. Step 1:-... Read More

When user want to interact with the application forms play an important role for user communication. User interface must be user friendly in a web application. In AngularJS forms are basically used to make an elegant user interface including with data validation and data binding. Initially we should start with some HTML input controls like input, select elements and buttons. eg: – Let us take... Read More

Filter in AngularJS? Filter in AngularJS is a term which is basically used to transform the data in AngularJS application. To format the data AngularJS could use lots of in-built filter. Like as: – lowercase, uppercase, orderBy and number Let us understand by a simple example.   For Example: <div ng-app=”myModule” ng-controller=”myController”> <p>Company name is {{ companyName | uppercase }}</p> </div> <script> angular.module (‘myModule’, []).controller... Read More

What is the role of Controller in AngularJS? Data flow in the application is maintained by controllers in AngularJS. In general terms, AngularJS Controller is a JavaScript object which is basically used to maintain the flow of data in the angular application. To make a controller we will use ng-controller directive. Let us understand by a simple example:- For Example:  <div ng-app=”myModule” ng-controller=”myController”> First Name: <input type=”text” ng-model=”firstName”><br> Last Name: <input type=”text” ng-model=”lastName”><br>... Read More

What is AngularJS Scope? Scope is basically used to make an interface/binding between view and the controller. Here view is Hyper Text Markup Language (HTML) and controller is JavaScript. To access the properties in view (HTML) we should add properties to $scope object in controller. Like as in the previous example we should add two properties studentName and studentId to scope object.  We should access... Read More

What is data binding in AngularJS? AngularJS application is displayed in Hyper Text Markup Language container which is also representing a view. Data Binding is simply used to communication between view and model.   For Example :   <div ng-app=”NewModule” ng-controller=”NewController”> <p ng-bind=”studentName”></p> </div>   <script> var app = angular.module(‘NewModule’, []); app.controller(‘myCtrl’, function($scope) { $scope.studentName = “alok”; $scope.studentId = “1″; }); </script>   Output: – alok... Read More