0% found this document useful (0 votes)
9 views43 pages

Unit - 5

This document provides an overview of AngularJS including its introduction, environmental setup, MVC architecture, data binding, directives, forms and validation. It discusses key AngularJS concepts such as single page applications, controllers, ng-repeat and events.

Uploaded by

palash gupta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
9 views43 pages

Unit - 5

This document provides an overview of AngularJS including its introduction, environmental setup, MVC architecture, data binding, directives, forms and validation. It discusses key AngularJS concepts such as single page applications, controllers, ng-repeat and events.

Uploaded by

palash gupta
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 43

Unit- 5

AngularJS
Introduction
• AngularJS is a Javascript open-source front-end structural
framework that is mainly used to develop single-page web
applications(SPAs).
• It is a continuously growing and expanding framework which
provides better ways for developing web applications.
• It changes the static HTML to dynamic HTML.
• Its features like dynamic binding and dependency injection
eliminate the need for code that we have to write otherwise.
Enviromental Set Up
• Go to https://angularjs.org/
• Click the download button
• Choose the required version
Enviroment SetUp
• Including script from CDN

• Including script from local machine


Concept of Single page Application
MVC Architecture
Communication between the components of MVC
First program
Example
AngularJS Directives
Data Binding
Controller
ng- repeat directive
• This directive repeats an HTML element
Some popular directive list
• ng-app
• ng-model
• ng-bind
• ng-controller
• ng-value
• ng-show
• ng-hide
• ng-init
• ng-repeat
• ng-click
• ng-disabled
• ng-required
Controllers
• Controls execution of application.
Forms
Checkbox
Radio Buttons
Selectbox
Application
Form Validation
Required field
States
CSS Classes for Validation

not used yet (clean)


has been used
Validation example
Events
Mouseover Event
Click Event
Show hide event
$event object

You might also like