Reasons Why You should use Angular

•Enhance Html

•Simpler and easier

•Based on JavaScript

•SPA (Single Page Application) ready / 2 ways data binding

•Dependency injection

“What do I have to do to trick the browser into doing what I want?”

Core Feature

Data binding

•Angular apps is the automatic synchronization of data between the model and view.

•The view is a projection of the model at all times. When the model changes, the view reflects the change, and vice versa.

•The controller is completely separated from the view, it is easy to test your controller.

Expressions

•Use {{ expression }} to display value from model property or function

•Angular expressions are like JavaScript expressions with the following differences:

-Context : eval() -> $parse , window -> $window, window.location -> $location

-No Control Flow Statements : No logic in view

-One time binding

-Filters

Directives

•Directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS’s HTML compiler

•A set of these directives built-in, like ngBind, ngModel, and ngView

Routes

•Routing helps you in dividing your application in logical views and bind different views to Controllers.

•Also we will see how we can divide a single page application in multiple views.

Filters

•A filter formats the value of an expression for display to the user.

•Using filters in view templates using the following syntax:

•{{ expression | filter }} -> currency, number, uppercase, lowercase, orderBy and filter

•Custom filters

Forms

•Form and controls provide validation services, so that the user can be notified of invalid input. This provides a better user experience, because the user gets instant feedback on how to correct the error.

•The key directive in understanding two-way data-binding is ngModel. The ngModel directive provides the two-way data-binding by synchronizing the model to the view, as well as view to the model.

Optional Feature

•Dependency Injection

•Unit Testing

Services

•$window -> window object

•$location -> window.location object

•$http -> $http(), get(), post(), put(), delete(), head(), jsonp()

•$animate -> animation module

•Etc…..

I wrote this article base on Angular 1.2.22 , but the newer version you know it differences.