Introduction to AngularJS By Snehal Patil Developer Allerin Tech Pvt Ltd

What is AngularJSStructural framework for dynamic web apps

A JavaScript framework

Library written in JavaScript

Added to a web page with a script tag

Why AngularJS?Static document on web page - HTML

Dynamic views require framework

Developing single-page applications?

Design goalsSimplify both development and testingframework for client-side modelviewcontroller (MVC) architectureDecouple DOM manipulation from application logic Client side app from the server sideview-dependent controllers, to client-side web applications, reduces burden on server

Examples includeData binding, as in {{}}.DOM control structures for repeating/hiding DOM fragments.Support for forms and form validation.Attach new behavior to DOM elementsGrouping of HTML into reusable components.

Components of an AngularJS applicationCore Module :

DirectivesFilters Data BindingsServices/Factories

Directives :

Extended HTML attributes with the prefix ngInitialize the Angular application (ng-app)Initialize application data (ng-init)Binds value of HTML control to apps data (ng-model)

Filters :Transform template data before it is rendered within directives and expressions. date, currency, lowercase, uppercase

Filters :Transform template data before it is rendered within directives and expressions. date, currency, lowercase, uppercase

Data Binding :Synchronizes AngularJS expressions with AngularJS data

Services/Factories :Collection of services used in application

Example : route management$routeParams$routeDirective : ngView

Questions?

Referenceshttps://angularjs.org/http://www.w3schools.com/angular/

Thank you