Learn Angularjs Tutorial

AngularJS is a structural framework for dynamic web apps. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write.

<!DOCTYPE html>
<div ng-app="">
<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>Hello {{name}}</h1>

Data-binding in Angular apps is the automatic synchronization of data between the model and view components. The way that Angular implements data-binding lets you treat the model as the single-source-of-truth in your application. The view is a projection of the model at all times. When the model changes, the view reflects the change, and vice versa.


  • AngularJS extends HTML with new attributes. 
  • AngularJS is perfect for Single Page Applications (SPAs). 
  • AngularJS is easy to learn. 
  • AngularJS is a JavaScript framework. It can be added to an HTML page with a <script> tag. 
  • AngularJS extends HTML attributes with Directives, and binds data to HTML with Expressions.

AngularJS is a JavaScript Framework 

  1. AngularJS is a JavaScript framework. It is a library written in JavaScript. 
  2.  AngularJS is distributed as a JavaScript file, and can be added to a web page with a script tag:
  • AngularJS version 1.0 was released in 2012
  • Miško Hevery, a Google employee, started to work with AngularJS in 2009.
  • The idea turned out very well, and the project is now officially supported by Google development team.