SlideShare a Scribd company logo
AngularJS 
Presented by
http://angularjs.org/
Agenda 
 AngularJS Features 
 Getting Started 
 Directives, Filters and Data Binding 
 Views, Controllers and Scope 
 Modules and Routes
Getting Started
Single Page Application (SPA)
Advancio, Inc. Academy: AngularJS
Advancio, Inc. Academy: AngularJS
Directives, Filters 
& 
Data Binding
What are Directives ? 
They Teach HTML new tricks !
Using Directives and Data Binding 
Directive 
Directive 
Data Binding 
Expression
Iterating with the ng-repeat Directive
Using Filters
Views, Controllers 
and Scope
View, Controllers and Scope 
View $scope Controller 
$scope is the “glue” (ViewModel) 
between a controller and a view
Creating a View and Controller 
Basic controller
Creating a View and Controller 
$scope injected 
dynamically 
Access $scope
Modules, Routes 
And Factories
Module 
Config 
Routes 
View $scope 
Controller 
Directives *Factory
Modules are Containers
Creating a Module What’s the Array 
for ? 
Module that’s 
demoApp depends 
on
Creating a Controller in a Module 
Define a Controller Define a Module
The Role of Routes
Defining Routes 
Define Module 
Routes
OURSOURCING REINVENTED. 
DISCOVER WHAT’S NEXT. 
[DREAM] 
your software development partner

More Related Content

Advancio, Inc. Academy: AngularJS