Submit Search
Upload
Angular JS Basics.
•
0 likes
•
463 views
T
Tharindu Prabhath Ranathunga
Follow
Slides of Google Developer Group outreach RUSL.
Read less
Read more
Technology
Report
Share
Report
Share
1 of 13
Download now
Download to read offline
Recommended
Assignment D
Assignment D
Songyo
Todo app Angular
Todo app Angular
Bruno Alencar
JSCS - How to Style your JavaScript Code
JSCS - How to Style your JavaScript Code
Arvind Bhardwaj
Windows azure and linux
Windows azure and linux
Andrey Kucherenko
Time is an illusion
Time is an illusion
Katarzyna Anna Płocka
webpack 101 slides
webpack 101 slides
mattysmith
Using PhantomJS to keep product screenshots up to date
Using PhantomJS to keep product screenshots up to date
Matthias Burtscher
Angularjs in mobile app
Angularjs in mobile app
Yvonne Yu
Recommended
Assignment D
Assignment D
Songyo
Todo app Angular
Todo app Angular
Bruno Alencar
JSCS - How to Style your JavaScript Code
JSCS - How to Style your JavaScript Code
Arvind Bhardwaj
Windows azure and linux
Windows azure and linux
Andrey Kucherenko
Time is an illusion
Time is an illusion
Katarzyna Anna Płocka
webpack 101 slides
webpack 101 slides
mattysmith
Using PhantomJS to keep product screenshots up to date
Using PhantomJS to keep product screenshots up to date
Matthias Burtscher
Angularjs in mobile app
Angularjs in mobile app
Yvonne Yu
Creating Extensible Plugins for WordPress
Creating Extensible Plugins for WordPress
Hristo Chakarov
Optimizing and Deploying Angular
Optimizing and Deploying Angular
John Papa
I am-one-with-angular
I am-one-with-angular
John Papa
Why do you use java script
Why do you use java script
kazuhisa kawashima
Xdebug as a Drupal debugging tool
Xdebug as a Drupal debugging tool
Vladimir Melnic
Angular | Dev Love Components
Angular | Dev Love Components
Teeraphong Chaichalermpreecha
Desktop, Web e Mobile
Desktop, Web e Mobile
Paulo Moura
Codemotion Rome 2016 - Polymer
Codemotion Rome 2016 - Polymer
Maurizio Mangione
Webpack
Webpack
Anjali Chawla
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
rtCamp
Quanto è sicuro il tuo wordpress?
Quanto è sicuro il tuo wordpress?
GGDBologna
GAE for PHP - 10 Min to Learn
GAE for PHP - 10 Min to Learn
Chen Yi-Huan
Nguyễn hữu bình
Nguyễn hữu bình
TopDev.vn
DC Alt.Net: Building Web Apps With node.js
DC Alt.Net: Building Web Apps With node.js
Troy Goode
Vue js for beginner
Vue js for beginner
Chandrasekar G
設計與程式的溝通之道
設計與程式的溝通之道
Even Wu
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Visual regression testing
Visual regression testing
Liam McMurray
Vue.js
Vue.js
BADR
Vuejs
Vuejs
Mario Alexandro Santini
Solution of Team hexmatter+rush at Code4Good Sri Lanka Hackathon
Solution of Team hexmatter+rush at Code4Good Sri Lanka Hackathon
Prabhani ThembiliyaGodage
Starting an AngularJS Project with Visual Studio
Starting an AngularJS Project with Visual Studio
Iran Reyes Fleitas
More Related Content
What's hot
Creating Extensible Plugins for WordPress
Creating Extensible Plugins for WordPress
Hristo Chakarov
Optimizing and Deploying Angular
Optimizing and Deploying Angular
John Papa
I am-one-with-angular
I am-one-with-angular
John Papa
Why do you use java script
Why do you use java script
kazuhisa kawashima
Xdebug as a Drupal debugging tool
Xdebug as a Drupal debugging tool
Vladimir Melnic
Angular | Dev Love Components
Angular | Dev Love Components
Teeraphong Chaichalermpreecha
Desktop, Web e Mobile
Desktop, Web e Mobile
Paulo Moura
Codemotion Rome 2016 - Polymer
Codemotion Rome 2016 - Polymer
Maurizio Mangione
Webpack
Webpack
Anjali Chawla
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
rtCamp
Quanto è sicuro il tuo wordpress?
Quanto è sicuro il tuo wordpress?
GGDBologna
GAE for PHP - 10 Min to Learn
GAE for PHP - 10 Min to Learn
Chen Yi-Huan
Nguyễn hữu bình
Nguyễn hữu bình
TopDev.vn
DC Alt.Net: Building Web Apps With node.js
DC Alt.Net: Building Web Apps With node.js
Troy Goode
Vue js for beginner
Vue js for beginner
Chandrasekar G
設計與程式的溝通之道
設計與程式的溝通之道
Even Wu
Javascript fullstasck
Javascript fullstasck
William Bruno Moraes
Visual regression testing
Visual regression testing
Liam McMurray
Vue.js
Vue.js
BADR
Vuejs
Vuejs
Mario Alexandro Santini
What's hot
(20)
Creating Extensible Plugins for WordPress
Creating Extensible Plugins for WordPress
Optimizing and Deploying Angular
Optimizing and Deploying Angular
I am-one-with-angular
I am-one-with-angular
Why do you use java script
Why do you use java script
Xdebug as a Drupal debugging tool
Xdebug as a Drupal debugging tool
Angular | Dev Love Components
Angular | Dev Love Components
Desktop, Web e Mobile
Desktop, Web e Mobile
Codemotion Rome 2016 - Polymer
Codemotion Rome 2016 - Polymer
Webpack
Webpack
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
Build Your Blazing Fast Site with Gatsby and WordPress @ WordSesh by Muhammad...
Quanto è sicuro il tuo wordpress?
Quanto è sicuro il tuo wordpress?
GAE for PHP - 10 Min to Learn
GAE for PHP - 10 Min to Learn
Nguyễn hữu bình
Nguyễn hữu bình
DC Alt.Net: Building Web Apps With node.js
DC Alt.Net: Building Web Apps With node.js
Vue js for beginner
Vue js for beginner
設計與程式的溝通之道
設計與程式的溝通之道
Javascript fullstasck
Javascript fullstasck
Visual regression testing
Visual regression testing
Vue.js
Vue.js
Vuejs
Vuejs
Viewers also liked
Solution of Team hexmatter+rush at Code4Good Sri Lanka Hackathon
Solution of Team hexmatter+rush at Code4Good Sri Lanka Hackathon
Prabhani ThembiliyaGodage
Starting an AngularJS Project with Visual Studio
Starting an AngularJS Project with Visual Studio
Iran Reyes Fleitas
Mark Huelsenbeck DOS
Mark Huelsenbeck DOS
Mark Huelsenbeck
Tekeningen Coencad
Tekeningen Coencad
Thijs van den Broek
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
ประภัสสร สุพรรณโมก
Analysis of Economic and Welfare Polcies of Tribals in Goa
Analysis of Economic and Welfare Polcies of Tribals in Goa
J Tanay
informe
informe
Marco Mora
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
ประภัสสร สุพรรณโมก
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
ประภัสสร สุพรรณโมก
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
ประภัสสร สุพรรณโมก
Pretty Krafts Kids Organisers-final
Pretty Krafts Kids Organisers-final
Geetanjali Pandole
Административная ответственность
Административная ответственность
Денис Клянченко
The British Clinic UAE
The British Clinic UAE
xyzseo4
Viewers also liked
(13)
Solution of Team hexmatter+rush at Code4Good Sri Lanka Hackathon
Solution of Team hexmatter+rush at Code4Good Sri Lanka Hackathon
Starting an AngularJS Project with Visual Studio
Starting an AngularJS Project with Visual Studio
Mark Huelsenbeck DOS
Mark Huelsenbeck DOS
Tekeningen Coencad
Tekeningen Coencad
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
Analysis of Economic and Welfare Polcies of Tribals in Goa
Analysis of Economic and Welfare Polcies of Tribals in Goa
informe
informe
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
การทำให้ข้อความหรือวัตถุเคลื่อนไหว
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
วิธีไลท์ข้อมูลลงแผ่นง่ายๆโดยใช้โปรแกรม Nero
Pretty Krafts Kids Organisers-final
Pretty Krafts Kids Organisers-final
Административная ответственность
Административная ответственность
The British Clinic UAE
The British Clinic UAE
Similar to Angular JS Basics.
Nicolas Embleton, Advanced Angular JS
Nicolas Embleton, Advanced Angular JS
JavaScript Meetup HCMC
GDayX - Advanced Angular.JS
GDayX - Advanced Angular.JS
Nicolas Embleton
Front end development with Angular JS
Front end development with Angular JS
Bipin
gDayX - Advanced angularjs
gDayX - Advanced angularjs
gdgvietnam
Introduction of angular js
Introduction of angular js
Tamer Solieman
gDayX 2013 - Advanced AngularJS - Nicolas Embleton
gDayX 2013 - Advanced AngularJS - Nicolas Embleton
George Nguyen
Angular - Beginner
Angular - Beginner
Riccardo Masetti
Modern Development Tools
Modern Development Tools
Ye Maw
Angularjs - lazy loading techniques
Angularjs - lazy loading techniques
Nir Kaufman
Android UI Testing with Appium
Android UI Testing with Appium
Luke Maung
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
Horacio Gonzalez
Angular js-crash-course
Angular js-crash-course
Keith Bloomfield
Introduction to Django
Introduction to Django
Ahmed Salama
AngularJS Project Setup step-by- step guide - RapidValue Solutions
AngularJS Project Setup step-by- step guide - RapidValue Solutions
RapidValue
Voorhoede - Front-end architecture
Voorhoede - Front-end architecture
Jasper Moelker
AngularJS: an introduction
AngularJS: an introduction
Luigi De Russis
mean stack
mean stack
michaelaaron25322
AngularJs Crash Course
AngularJs Crash Course
Keith Bloomfield
Grunt.js and Yeoman, Continous Integration
Grunt.js and Yeoman, Continous Integration
David Amend
How to Implement Basic Angular Routing and Nested Routing With Params in Angu...
How to Implement Basic Angular Routing and Nested Routing With Params in Angu...
Katy Slemon
Similar to Angular JS Basics.
(20)
Nicolas Embleton, Advanced Angular JS
Nicolas Embleton, Advanced Angular JS
GDayX - Advanced Angular.JS
GDayX - Advanced Angular.JS
Front end development with Angular JS
Front end development with Angular JS
gDayX - Advanced angularjs
gDayX - Advanced angularjs
Introduction of angular js
Introduction of angular js
gDayX 2013 - Advanced AngularJS - Nicolas Embleton
gDayX 2013 - Advanced AngularJS - Nicolas Embleton
Angular - Beginner
Angular - Beginner
Modern Development Tools
Modern Development Tools
Angularjs - lazy loading techniques
Angularjs - lazy loading techniques
Android UI Testing with Appium
Android UI Testing with Appium
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
ENIB 2015 2016 - CAI Web S02E01- Côté Navigateur 3/3 - Web Components avec Po...
Angular js-crash-course
Angular js-crash-course
Introduction to Django
Introduction to Django
AngularJS Project Setup step-by- step guide - RapidValue Solutions
AngularJS Project Setup step-by- step guide - RapidValue Solutions
Voorhoede - Front-end architecture
Voorhoede - Front-end architecture
AngularJS: an introduction
AngularJS: an introduction
mean stack
mean stack
AngularJs Crash Course
AngularJs Crash Course
Grunt.js and Yeoman, Continous Integration
Grunt.js and Yeoman, Continous Integration
How to Implement Basic Angular Routing and Nested Routing With Params in Angu...
How to Implement Basic Angular Routing and Nested Routing With Params in Angu...
Recently uploaded
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Rafal Los
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
naman860154
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
Puma Security, LLC
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
Pooja Nehwal
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
AndikSusilo4
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Pixlogix Infotech
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
Memoori
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
HostedbyConfluent
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
Malak Abu Hammad
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
HampshireHUG
Recently uploaded
(20)
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
How to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Breaking the Kubernetes Kill Chain: Host Path Mount
Breaking the Kubernetes Kill Chain: Host Path Mount
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
AI as an Interface for Commercial Buildings
AI as an Interface for Commercial Buildings
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
Angular JS Basics.
1.
Building Modern Web
Apps with ANGULARJS
2.
● Node Package
Manager (NPM). ○ https://nodejs.org/en/download/ ● Grunt, Yeoman, Bower ○ http://grunt.io/ ○ http://yeoman.io/ ○ http://bower.io/ ● HTML5 template. ○ http://www.initializr.com/ Tools set
3.
● npm install
-g yo ● npm install -g bower ● npm install -g grunt-cli ● yo ● grunt serve Initializing
4.
5.
Modules and Controllers angular.module(‘moduleName’,[dependencies]); angular.module('moduleName') .controller('controllerName',
function () { this.attributeName=”value”; });
6.
Expressions <body ng-app="moduleName"> .... <div ng-controller="controllerName"> <h1>{{attributeName}}</h1> </div> .... </body>
7.
Expressions [example] <body ng-app="blogApp"> .... <div
ng-controller="BlogCtrl as blog"> <h1>{{blog.title}}</h1> </div> .... </body>
8.
Expressions [example 2] <body
ng-app="blogApp"> .... <div ng-controller="BlogCtrl as blog"> <h1>{{blog.title}}</h1> <input type="text" ng-model="blog.title" value="GDG"/> </div> .... </body>
9.
Routes angular.config(function ($routeProvider) { $routeProvider .when('/',
{ templateUrl: 'views/main.html', controller: 'MainCtrl', controllerAs: 'main' }) .when('/about', { templateUrl: 'views/about.html', controller: 'AboutCtrl', controllerAs: 'about' }) .otherwise({ redirectTo: '/' }); });
10.
Views and templates <body
ng-app="blogApp"> .... <div class="container"> <div ng-view=""></div> </div> .... </body>
11.
Directives ng-repeat <body ng-app="blogApp"> .... <div
ng-controller="BlogCtrl as blog"> <h1 ng-repeat="posts as post">{{post.title}}</h1> </div> .... </body>
12.
Services angular.module('moduleName') .service('serviceName', function() { this.functionName=function(text){ return
"Hello"; }; });
13.
Services [Example] angular.module('blog') .service('postService', function()
{ this.getPosts=function(){ return(Json); }; });
Download now