angular js
TRANSCRIPT
Athira MukundanSolution Consultant @Sahaj
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