A quick intro into angularjs 1.5.8

1. Athira Mukundan
Solution Consultant @Sahaj
athira_tech@yahoo.in

2. 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

3. Angular is all about -
Templates
Directives
Model, View, Controller
Scope
Expression
Compiler
Filter

4. Agenda
Directives, Filters and Data Binding
Views, Controllers, Scope,
Modules, Routes and Factories

5. Directives, Filters and Data Binding
Directives (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

6. Views, Controllers and Scope

7. Modules, Routes

9. Routing
Used 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

10. Providers, Factory, Services, Value, Constant
All 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.

11. ….Providers, Factory, Services, Value, Constant