Single Page Apps: Why AngularJS v1.0 is the Framework to Watch

The DOM Manipulation Friction

Building Single Page Applications (SPAs) using jQuery requires writing verbose DOM selectors and change listeners to keep models and views in sync.

The release of Google's AngularJS v1.0 introduces a declarative model: Two-Way Data Binding.

Core Concepts of AngularJS

AngularJS extends standard HTML layouts:

• ◆Two-way Data Binding: Synchronizes views and models automatically:

<!-- Two-way data binding in AngularJS 1.x -->
<div ng-app>
    <input type="text" ng-model="name" placeholder="Enter name" />
    <h1>Hello {{name}}!</h1>
</div>

• ◆Directives: Allowing developers to extend HTML markup with custom behaviors (e.g. ng-repeat for lists).
• ◆Dependency Injection: Streamlining application testing and dependency resolution natively inside controllers.