One of my
reading some tutorials and googling my opinions is for Single Page Applications
a free open source framework developed by Google Employee and presently
maintained by Google and by a community of individuals and corporations to
address many of the challenges encountered in developing single-page
some advantages that tells you why you should be using Angular.
1. Testability Advantage
a. Inbuilt support:
testing Support provided with AngularJS.
b. Dependency injection:
was designed considering testable environment, it fully supports dependency
injection and encourages behavior-view separation, comes pre-bundled with
injection is also a core to AngularJS. This means that any component which does
not fit your needs can easily be replaced.
2. Directive Advantages
is a unique and powerful feature available only in Angular. Directives let you
invent new HTML syntax, specific to your application.
a. Reusable components
You can use
AngularJS directives to create reusable components; these components hide
complex DOM structures, CSS and behavior.
every important application is available all local languages, and all
successful and famous framework provides localization features.
is the process of adapting internationalized software for a specific region or
language by adding locale-specific components and translating text.
filters and stemming directives provides features to make your application
available in all local languages.
3. Dom and HTML Markup
a. Easy and quick to use:
You can use
angularJS with local basic html file, not required web server like Asp.net
require always IIS.
angularJS in HTML page and rune one any browsers it works.
readable and quick to develop application.
b. Dynamic and integration with
starts evaluating the page at the end of the loading process (i.e. once HTML is
in the DOM), it is easy to attach your small angularJS code in existing
If you want
to add small functionality on page, for example leave summery of employee you
can easily add this functionality without major changes in existing pages.
fully extensible and works well with other libraries.
modify and replace existing features according to your need that is allowed in
applications provide automatic synchronization of data between the model and
There are two types of binding used:
1. One way
data binding (Model to View)
2. Two way
data binding (Model to View and View to model continues update)
changes the view reflects the change and vice versa, here model is real data
and view is projection on model.
create your new webpages, you can add data binding whenever you feel that you
have some dynamic data.
then provide you a $scope handler, which you can populate (statically or
through calls to the web server).
5. DOM Manipulation Advantage
application using angular DOM is not manipulated in VIEW, DOM manipulation code
is available inside directive.
consider view is projection on model to place data and a simple html page.
this feature is your view is clean and easy to maintain and change.
6. Data validation and data filtering
a. Data validation
additionally you can use HTML5 data validation rules easily.
code and have “Girlfriend/Boyfriend “and Beer Sooner.
formats the value of an expression for display to the user.
nice feature called LINQ to filter data with less code, with angularJS you can
filter data with existing and custom filters using lesser code than LINQ.
You can also
use filters in controllers, services, and directives.
own filter is very easy: just register a new filter factory function with your
module. Internally, this uses the filterProvider.
7. MVC Advantages
other MVC firework you have to divide your code in MVC components and again you
require to write code to bind together.
angualarJS in first stage write your code in MVC component, then rest angularJS
will do for you.
Models in angualarJS are classic old
functions. You can add and change properties directly on it and loop over
objects and arrays at will.
Your code is
your code easy to test, maintain, reuse, and again free from boilerplate.
9. AngularJS inbuilt services and
provides a rich built in support for communication with the server, it not only
provides the low level mechanism which acts as building block to communicate
with the servers, but it also provides built-in wrappers for communication with
provides built-in services on top of XHR as well as various other backends
using third party libraries. Promises further simplify your code by handling
asynchronous return of data.
You can use
the AngularFire library to wire up a Firebase backend to create real world a
simple Angular app.
suggestion is for single page web application,CRUD based web applications and responsive web application
Angular JS is
like Messi of “Football” and “Kolhi” of Cricket for single page web