angular js

Athira MukundanSolution Consultant @Sahaj

athira_tech@yahoo.in

What’s the big deal? "What HTML would have been, had it been designed for building web-

apps"

Open Source, supported by Google

Extremely well documented && Vibrant community of users

Facilitate building single page applications. Page never reloads. No server-side page rendering

Provide solutions for:

Routing - handling updates to the URL hash fragment

Templating - dynamically creating and updating HTML based on templates and models

Data binding - synchronize the model and user interface

Angular is all about - Templates

Directives

Model, View, Controller

Scope

Expression

Compiler

Filter

Injector and Dependency Injector

Data Binding

Module

Service

AgendaDirectives, Filters and Data Binding

Views, Controllers, Scope,

Modules, Routes and Factories

Directives, Filters and Data BindingDirectives (ng-app, ng-controller, ng-init, ng-show…..!):

Lets you invent new tags for your application

Angular is bundled with numerous directives

Directives can add behaviours, bind data to scope, replace/extend existing html element

Filters (currency, uppercase, number…..!):

Used to formatting data.

Data Binding:

1 way binding: ng-bind

2 way binding: ng-model

Views, Controllers and Scope

Modules, Routes

RoutingUsed to bind the controller and a view without using the ng-controller

Could be done with ng-route or ui-router

The routing happens without reloading the page

Providers, Factory, Services, Value, ConstantAll the providers are instantiated only once. That means that they are

all singletons.

A constant is a value that can be injected everywhere. The value of a constant can never be changed.

A value is just a simple injectable value.

A service is an injectable constructor.

A factory is an injectable function.

A decorator can modify or encapsulate other providers except a constant.

A provider is a configurable factory.

….Providers, Factory, Services, Value, Constant