Advancio, Inc. Academy: AngularJS

24
AngularJS Presented by

Transcript of Advancio, Inc. Academy: AngularJS

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)

Directives, Filters&

Data Binding

What are Directives ?

They Teach HTML new tricks !

Using Directives and Data Binding

Directive

Data Binding Expression

Directive

Iterating with the ng-repeat Directive

Using Filters

Views, Controllers and Scope

View, Controllers and Scope

View Controller$scope

$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, RoutesAnd Factories

Module

Config

Routes

View Controller

Directives *Factory

$scope

Modules are Containers

Creating a ModuleWhat’s the Array

for ?

Module that’s demoApp depends

on

Creating a Controller in a Module

Define a ModuleDefine a Controller

The Role of Routes

Defining Routes

Define Module Routes