We worked on a lot of JavaScript Frame Works . Then we come to know about AngularJS and its amazing features . In next 5 minuets of this blog you will come to know why is it awesome!!


What is AngularJS?

Firstly an Open Source Technology as a JavaScript Framework introduced By Google.Follows Model View Controller(MVC) approach. Basically runs as a “Single Page Application”.

“AngularJS ties up your Views i.e. the HTML Part and the Models i.e. the JavaScript Object Part”
Key Points

1.) Client Side JavaScript Framework for Single-Page Web Applications.

2.) Creates a user Interface(UI) easy through data binding

3.) Helps Organize and Architect an app i.e divide application into smaller parts.


AngularJS Terminologies


1.)Controller – Code Behind the view

2.)Model – Data used to merge with template to produce Views.

3.)View – What user Sees.

4.)Scope – Detects Changes to the model . Provides further execution context

5.)Directives – DOM transformation triggered by custom attributes

6.)Filters – Perform Data transformation.

How To Work On AngularJS

1.)Include AngualrJS Library

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.19/angular.min.js"></script>

For GitHub Link Goto https://github.com/angular/angular.js

2.)Create AngularJS Application

<html ng-app="YourAppName">


<div ng-app="YourAppName">

3.)Define Controller:

<div ng-controller="YourControllerName">

<input type="text" ng-model="UserName"/>


4.)Implementation of Controller

function YourControllerName($scope){

$scope.UserName="Please Enter Your U Name";


AngularJS Tags Intro



<span ng-bind="message"></span>






<li ng-repeat="item in items">{{item}}</li>


3.)Include Template:


<div ng-view="_template.html" ></div>

For AngularJS full documentation on ng tags goto https://docs.angularjs.org/api/

Why AngularJS is Awesome?

1.) Super fast Development

2.) Awesome Performance

3.) Makes Apps Scalable

4.) Data-binding and automatic Dom Manipulation

5.) MVC done right – Reduce Server Load

6.) Geared towards SPA and CRUD web applications

7.) Write Less Code