Angular JS

Single Page Application (SPA)

The Challenge with SPAs

Directives, Filters and Data Binding

What are Directives?

Using Directives and Data Binding

Iterating with the ng-repeat Directive

Using Filters

Views, Controllers and Scope

Creating a View and Controller

Modules, Routes  and Factories

Modules are Containers

Creating a Module


Creating a Controller in a Module


The Role of Routes

Defining Routes

Where do Views Go in a Page?

Dynamically loaded views are injected into the shell page as a module loads:

The Role of Factories

Summary

•AngularJS provides a robust "SPA" framework for building robust client-centric applications

•Key features:

–Directives and filters

–Two-way data binding

–Views, Controllers, Scope

–Modules and Routes