SlideShare a Scribd company logo
 What is AngularJS?
AngularJS is a framework to build large scale and high performance web application while
keeping them as easy-to-maintain. Following are the features of AngularJS framework.
 AngularJS is apowerful JavaScript based development framework to create RICHInternet
Application (RIA).
 AngularJS provides developers options to write client side application (using JavaScript)
in a clean MVC (Model View Controller) way.
 Application written in AngularJS is cross-browser compliant. AngularJS automatically
handles JavaScript code suitable for each browser.
 AngularJS is open source, completely free, and used by thousands of developers around
the world. It is licensed under the Apache License version 2.0.
 What is data binding inAngularJS?
Data binding is the automatic synchronization of data between model and view components.
ng-model directive is used in data binding.
 What is scope in AngularJS?
Scopes are objects that refer to the model. They act as glue between controller and view.
 What are the controllers inAngularJS?
Controllers are JavaScript functions that are bound to a particular scope. They are the prime
actors in AngularJS framework and carry functions to operate on data and decide which view is
to be updated to show the updated model based data.
 What are the services inAngularJS?
AngularJS come with several built-in services. For example $http service is used to make
XMLHttpRequests (Ajax calls). Services are singleton objects which are instantiated only once in
app.
 What are the filters inAngularJS?
Filters select a subset of items from an array and return a new array. Filters are used to show
filtered items from a list of items based on defined criteria.
 What is routing in AngularJS?
It is concept of switching views. AngularJS based controller decides which view to render based
on the business logic.
 What is deeplinking in AngularJS?
Deep linking allows you to encode the state of application in the URL so that it can be
bookmarked. The application can then be restored from the URL to the same state.
 Which are the core directives of AngularJS?
Following are the three core directives of AngularJS.
 ng-app − This directive defines and links an AngularJS application to HTML.
 ng-model − This directive binds the values of AngularJS application data to HTML input
controls.
 ng-bind − This directive binds the AngularJS Application data to HTML tags.
 What are AngularJS expressions?
Expressions are used to bind application data to html. Expressions are written inside double
braces like {{ expression}}. Expressions behave in same way as ng-bind directives. AngularJS
application expressions are pure JavaScript expressions and outputs the data where they are
used.
 How to make an ajax call using Angular JS?
AngularJS provides $http control which works as a service to make ajax call to read data from
the server. The server makes a database call to get the desired records. AngularJS needs data in
JSON format. Once the data is ready, $http can be used to get the data from server in the
following manner:
function studentController($scope,$http) {
var url = "data.txt";
$http.get(url).success( function(response) {
$scope.students = response;
});
}
 What is use of $routeProvider inAngularJS?
$routeProvider is the key service which set the configuration of urls, maps them with the
corresponding html page or ng-template, and attaches a controller with the same.
 What is $rootScope?
Scope is a special JavaScript object which plays the role of joining controller with the views.
Scope contains the model data. In controllers, model data is accessed via $scope object.
$rootScope is the parent of all of the scope variables.
 What is a service?
Services are JavaScript functions and are responsible to do specific tasks only. Each service is
responsible for a specific task for example, $http is used to make ajax call to get the server data.
$route is used to define the routing information and so on. Inbuilt services are always prefixed
with $ symbol.
 What are the differences betweenserviceandfactory methods?
factory method is used to define a factory which can later be used to create services as and
when required whereas service method is used to create a service whose purpose is to do some
defined task.
 What is provider?
provider is used by AngularJS internally to create services,factory etc. during config phase(phase
during which AngularJS bootstraps itself). Below mention script can be used to create
MathService that we've created earlier. Provider is aspecialfactory method with a method get()
which is used to return the value/service/factory.
//define a module
var mainApp = angular.module("mainApp", []);
...
//create a service using provider which defines a method square to return square of a number.
mainApp.config(function($provide) {
$provide.provider('MathService', function() {
this.$get = function() {
var factory = {};
factory.multiply = function(a, b) {
return a * b;
}
return factory;
};
});
});

More Related Content

What's hot (20)

PPTX
ANGULAR JS TRAINING IN PUNE
cncwebworld
 
PPT
ASP.net MVC CodeCamp Presentation
buildmaster
 
PPTX
Angular JS Indtrodution
adesh21
 
PPTX
Single page application 03
Ismaeel Enjreny
 
PPTX
Angular JS, steal the idea
Scott Lee
 
PPTX
Angular js
Baldeep Sohal
 
PPTX
Angular workshop
hoa long
 
PPTX
Dive into Angular, part 5: Experience
Oleksii Prohonnyi
 
PPTX
Angular vs. AngularJS: A Complete Comparison Guide
Cloud Analogy
 
PPTX
Controllers in AngularJs
K Arunkumar
 
PPTX
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Barry Gervin
 
PPTX
Custom HTML5-Native Bridge for Android
mhant
 
PPTX
SoftServe - "ASP.NET MVC як наступний крок у розвитку технології розробки Web...
SoftServe
 
PDF
Angular resolver tutorial
Katy Slemon
 
PPTX
AngularJS Overview
GDG Ciudad del Este
 
PPTX
Rest api code completion for javascript - dotjs 2015
johannes_fiala
 
PPTX
Valentine with AngularJS
Vidyasagar Machupalli
 
PDF
Formation angular js/Ionic
Hana Amiri
 
PDF
Mastering angular - Dot Net Tricks
Gaurav Singh
 
PDF
AngularJS Vs Angular: Understanding the Differences
Techtic Solutions
 
ANGULAR JS TRAINING IN PUNE
cncwebworld
 
ASP.net MVC CodeCamp Presentation
buildmaster
 
Angular JS Indtrodution
adesh21
 
Single page application 03
Ismaeel Enjreny
 
Angular JS, steal the idea
Scott Lee
 
Angular js
Baldeep Sohal
 
Angular workshop
hoa long
 
Dive into Angular, part 5: Experience
Oleksii Prohonnyi
 
Angular vs. AngularJS: A Complete Comparison Guide
Cloud Analogy
 
Controllers in AngularJs
K Arunkumar
 
Will your code blend? : Toronto Code Camp 2010 : Barry Gervin
Barry Gervin
 
Custom HTML5-Native Bridge for Android
mhant
 
SoftServe - "ASP.NET MVC як наступний крок у розвитку технології розробки Web...
SoftServe
 
Angular resolver tutorial
Katy Slemon
 
AngularJS Overview
GDG Ciudad del Este
 
Rest api code completion for javascript - dotjs 2015
johannes_fiala
 
Valentine with AngularJS
Vidyasagar Machupalli
 
Formation angular js/Ionic
Hana Amiri
 
Mastering angular - Dot Net Tricks
Gaurav Singh
 
AngularJS Vs Angular: Understanding the Differences
Techtic Solutions
 

Viewers also liked (17)

PDF
REAL ESTATE
SOLAURA KUSHIMO
 
PPTX
Bahan tayang tl 1
claudia buhe
 
PPT
Viktoras PALIULIONIS, Dalė DZEMYDIENĖ, Laima PALIULIONIENĖ. Žemės paviršiumi ...
Lietuvos kompiuterininkų sąjunga
 
PPTX
Imgenes ingles diciionario 3
yuri espinoza
 
DOCX
Campeonato brasileiro artilharia
Rafael Passos
 
PPTX
All About Educational Technology
debbie031497
 
PPT
Презентация Эльвиры Коршуновой группа 4х
polianinyury
 
PPTX
Downey_MG_Maryland_Tt format
Melissa Geraghty
 
PPTX
MIBM (Manajemen Informasi Bisnis dan Multmedia)
Nana Khareema
 
PPTX
MIBM (Manajemen Informasi Bisnis dan Multimedia)
Nana Khareema
 
PPTX
Jevgenij TICHONOV, Olga KURASOVA, Ernestas FILATOVAS. Vaizdų klasifikavimas p...
Lietuvos kompiuterininkų sąjunga
 
DOCX
The house of bod & blord.doc
Murad Wysinger
 
PPTX
Happiness 2nd c
Mercè Barrull
 
PPTX
Reproductive Health And The Technocratic Model
Ruth Barkan
 
PDF
REPORTE HORIZON EDUCACION SUPERIOR
Alfred Mendoza
 
PDF
Mangas viii valida
Henry Duran
 
PDF
charting-course-a-virtualized-carrier-network
Okan Tanrikulu
 
REAL ESTATE
SOLAURA KUSHIMO
 
Bahan tayang tl 1
claudia buhe
 
Viktoras PALIULIONIS, Dalė DZEMYDIENĖ, Laima PALIULIONIENĖ. Žemės paviršiumi ...
Lietuvos kompiuterininkų sąjunga
 
Imgenes ingles diciionario 3
yuri espinoza
 
Campeonato brasileiro artilharia
Rafael Passos
 
All About Educational Technology
debbie031497
 
Презентация Эльвиры Коршуновой группа 4х
polianinyury
 
Downey_MG_Maryland_Tt format
Melissa Geraghty
 
MIBM (Manajemen Informasi Bisnis dan Multmedia)
Nana Khareema
 
MIBM (Manajemen Informasi Bisnis dan Multimedia)
Nana Khareema
 
Jevgenij TICHONOV, Olga KURASOVA, Ernestas FILATOVAS. Vaizdų klasifikavimas p...
Lietuvos kompiuterininkų sąjunga
 
The house of bod & blord.doc
Murad Wysinger
 
Happiness 2nd c
Mercè Barrull
 
Reproductive Health And The Technocratic Model
Ruth Barkan
 
REPORTE HORIZON EDUCACION SUPERIOR
Alfred Mendoza
 
Mangas viii valida
Henry Duran
 
charting-course-a-virtualized-carrier-network
Okan Tanrikulu
 
Ad

Similar to AngularJS (20)

PPTX
Intoduction to Angularjs
Gaurav Agrawal
 
PDF
AngularJS By Vipin
Vipin Mundayad
 
PPTX
Angularjs overview
VickyCmd
 
PPTX
Angular tutorial
Rohit Gupta
 
PDF
One Weekend With AngularJS
Yashobanta Bai
 
PPTX
Kalp Corporate Angular Js Tutorials
Kalp Corporate
 
PPSX
Angular js
Arun Somu Panneerselvam
 
PDF
What is mean stack?
Rishabh Saxena
 
PPTX
The Growing Popularity of AngularJS
Whiz Solutions
 
PPTX
Introduction to AngularJS Framework
Raveendra R
 
PPTX
Introduction to AngularJS
Collaboration Technologies
 
PDF
What are the reasons behind growing popularity of AngularJS.pdf
mohitd6
 
PPTX
Training On Angular Js
Mahima Radhakrishnan
 
PDF
Angular js interview question answer for fresher
Ravi Bhadauria
 
PDF
AngularJS - A JavaScript Framework
Tekki Web Solutions Pvt. Ltd.
 
PPTX
Dive into Angular, part 1: Introduction
Oleksii Prohonnyi
 
DOCX
Single Page Application
Prasad Narasimhan
 
PDF
Modern webtechnologies
Besjan Xhika
 
PPTX
AngularJS Fundamentals + WebAPI
Eric Wise
 
PPTX
Ajs ppt
Avyaya Tarnaka
 
Intoduction to Angularjs
Gaurav Agrawal
 
AngularJS By Vipin
Vipin Mundayad
 
Angularjs overview
VickyCmd
 
Angular tutorial
Rohit Gupta
 
One Weekend With AngularJS
Yashobanta Bai
 
Kalp Corporate Angular Js Tutorials
Kalp Corporate
 
What is mean stack?
Rishabh Saxena
 
The Growing Popularity of AngularJS
Whiz Solutions
 
Introduction to AngularJS Framework
Raveendra R
 
Introduction to AngularJS
Collaboration Technologies
 
What are the reasons behind growing popularity of AngularJS.pdf
mohitd6
 
Training On Angular Js
Mahima Radhakrishnan
 
Angular js interview question answer for fresher
Ravi Bhadauria
 
AngularJS - A JavaScript Framework
Tekki Web Solutions Pvt. Ltd.
 
Dive into Angular, part 1: Introduction
Oleksii Prohonnyi
 
Single Page Application
Prasad Narasimhan
 
Modern webtechnologies
Besjan Xhika
 
AngularJS Fundamentals + WebAPI
Eric Wise
 
Ad

Recently uploaded (20)

PDF
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
PPTX
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
PDF
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
PPTX
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
PPTX
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PPTX
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
PDF
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
PDF
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
PDF
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
PDF
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
PDF
July Patch Tuesday
Ivanti
 
PDF
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
PDF
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
PDF
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
PDF
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
PDF
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
PDF
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
PDF
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
PPTX
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 
LLMs.txt: Easily Control How AI Crawls Your Site
Keploy
 
UiPath Academic Alliance Educator Panels: Session 2 - Business Analyst Content
DianaGray10
 
Complete JavaScript Notes: From Basics to Advanced Concepts.pdf
haydendavispro
 
Webinar: Introduction to LF Energy EVerest
DanBrown980551
 
"Autonomy of LLM Agents: Current State and Future Prospects", Oles` Petriv
Fwdays
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Building Search Using OpenSearch: Limitations and Workarounds
Sease
 
Jak MŚP w Europie Środkowo-Wschodniej odnajdują się w świecie AI
dominikamizerska1
 
How Startups Are Growing Faster with App Developers in Australia.pdf
India App Developer
 
CIFDAQ Market Insights for July 7th 2025
CIFDAQ
 
CIFDAQ Token Spotlight for 9th July 2025
CIFDAQ
 
July Patch Tuesday
Ivanti
 
Achieving Consistent and Reliable AI Code Generation - Medusa AI
medusaaico
 
Fl Studio 24.2.2 Build 4597 Crack for Windows Free Download 2025
faizk77g
 
Building Real-Time Digital Twins with IBM Maximo & ArcGIS Indoors
Safe Software
 
"AI Transformation: Directions and Challenges", Pavlo Shaternik
Fwdays
 
HCIP-Data Center Facility Deployment V2.0 Training Material (Without Remarks ...
mcastillo49
 
HubSpot Main Hub: A Unified Growth Platform
Jaswinder Singh
 
Exolore The Essential AI Tools in 2025.pdf
Srinivasan M
 
COMPARISON OF RASTER ANALYSIS TOOLS OF QGIS AND ARCGIS
Sharanya Sarkar
 

AngularJS

  • 1.  What is AngularJS? AngularJS is a framework to build large scale and high performance web application while keeping them as easy-to-maintain. Following are the features of AngularJS framework.  AngularJS is apowerful JavaScript based development framework to create RICHInternet Application (RIA).  AngularJS provides developers options to write client side application (using JavaScript) in a clean MVC (Model View Controller) way.  Application written in AngularJS is cross-browser compliant. AngularJS automatically handles JavaScript code suitable for each browser.  AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.  What is data binding inAngularJS? Data binding is the automatic synchronization of data between model and view components. ng-model directive is used in data binding.  What is scope in AngularJS? Scopes are objects that refer to the model. They act as glue between controller and view.  What are the controllers inAngularJS? Controllers are JavaScript functions that are bound to a particular scope. They are the prime actors in AngularJS framework and carry functions to operate on data and decide which view is to be updated to show the updated model based data.
  • 2.  What are the services inAngularJS? AngularJS come with several built-in services. For example $http service is used to make XMLHttpRequests (Ajax calls). Services are singleton objects which are instantiated only once in app.  What are the filters inAngularJS? Filters select a subset of items from an array and return a new array. Filters are used to show filtered items from a list of items based on defined criteria.  What is routing in AngularJS? It is concept of switching views. AngularJS based controller decides which view to render based on the business logic.  What is deeplinking in AngularJS? Deep linking allows you to encode the state of application in the URL so that it can be bookmarked. The application can then be restored from the URL to the same state.  Which are the core directives of AngularJS? Following are the three core directives of AngularJS.  ng-app − This directive defines and links an AngularJS application to HTML.  ng-model − This directive binds the values of AngularJS application data to HTML input controls.  ng-bind − This directive binds the AngularJS Application data to HTML tags.
  • 3.  What are AngularJS expressions? Expressions are used to bind application data to html. Expressions are written inside double braces like {{ expression}}. Expressions behave in same way as ng-bind directives. AngularJS application expressions are pure JavaScript expressions and outputs the data where they are used.  How to make an ajax call using Angular JS? AngularJS provides $http control which works as a service to make ajax call to read data from the server. The server makes a database call to get the desired records. AngularJS needs data in JSON format. Once the data is ready, $http can be used to get the data from server in the following manner: function studentController($scope,$http) { var url = "data.txt"; $http.get(url).success( function(response) { $scope.students = response; }); }  What is use of $routeProvider inAngularJS? $routeProvider is the key service which set the configuration of urls, maps them with the corresponding html page or ng-template, and attaches a controller with the same.  What is $rootScope? Scope is a special JavaScript object which plays the role of joining controller with the views. Scope contains the model data. In controllers, model data is accessed via $scope object. $rootScope is the parent of all of the scope variables.
  • 4.  What is a service? Services are JavaScript functions and are responsible to do specific tasks only. Each service is responsible for a specific task for example, $http is used to make ajax call to get the server data. $route is used to define the routing information and so on. Inbuilt services are always prefixed with $ symbol.  What are the differences betweenserviceandfactory methods? factory method is used to define a factory which can later be used to create services as and when required whereas service method is used to create a service whose purpose is to do some defined task.  What is provider? provider is used by AngularJS internally to create services,factory etc. during config phase(phase during which AngularJS bootstraps itself). Below mention script can be used to create MathService that we've created earlier. Provider is aspecialfactory method with a method get() which is used to return the value/service/factory. //define a module var mainApp = angular.module("mainApp", []); ... //create a service using provider which defines a method square to return square of a number. mainApp.config(function($provide) { $provide.provider('MathService', function() { this.$get = function() { var factory = {}; factory.multiply = function(a, b) {
  • 5. return a * b; } return factory; }; }); });