advancio, inc. academy: angularjs

24
AngularJS Presented by

Upload: advancio

Post on 06-Aug-2015

51 views

Category:

Technology


3 download

TRANSCRIPT

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