AngularJS

What is AngularJS?

AngularJS is a JavaScript framework to build large scale and high performance web application while keeping them as easy-to-maintain. It can be added to an HTML page with a <script> tag. AngularJS extends HTML attributes with Directives, and bind data to HTML with Expressions and its used for creating single web page applications (SPA).

 Following are the features of AngularJS framework.

• AngularJS is a powerful JavaScript based development framework to create RICH Internet Application (RIA).
• AngularJS provides developers options to write client side application (using JavaScript) in a clean MVC (Model View Controller) way.
• Application written in AngularJS is cross-browser compliant. AngularJS automatically handles JavaScript code suitable for each browser.
• AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.

AngularJS extends HTML with ng-directives.

·         The ng-app directive defines an AngularJS application.

·         The ng-model directive binds the value of HTML controls (input, select, textarea) to app data.

·         The ng-bind directive binds application data to the HTML view.

Example:

Create Our First application using AngularJS

Step 1: Create one basic html page

 

Step 2: added Angularjs library to a web page with a script tag.

Step 3: define the ng-app , ng-Controller, ng-module.

Step 4: Create the script for handle the HTML controls and bind data

    

Results:

Notes:

Single-Page Applications (SPAs) are Web apps that load a single HTML page and dynamically update that page as the user interacts with the app.

SPAs use AJAX and HTML5 to create fluid and responsive Web apps, without constant page reloads. However, this means much of the work happens on the client side, in JavaScript. For the traditional ASP.NET developer, it can be difficult to make the leap. Luckily, there are many open source JavaScript frameworks that make it easier to create SPAs.