Sunday, June 26, 2016
In the previous blog post we got AngularJS to work with a module and a controller. However, we put everything in the global scope. The problem with that is that there are many JavaScript libraries that might be using the same variables as we are, or if we are working with other developers, there might be some unforeseen conflicts. The way we can mitigate this problem is to wrap our modules and controllers in an anonymous function. Think of an anonymous function as a wrapper or a container to hold our modules and controllers. Another term developers like to refer to anonymous function is an IIFE. Whatever it's called it's always good practice to avoid putting things in the global environment if it can be avoided.
Here are the steps to take the modules and controllers out of the global environment:
1. First let's wrap the module in an anonymous function. The source code for the app.js file should look like the following
The code above wraps the application in anonymous function and assigned to the variable call "app"
2. Now open the "bankController.js" in the "controllers" folder and wrap the "bankController" in anonymous function, the source code for the file should look like the following
3. Open up the "index.html" file and make sure the source code looks like the following.
4.If you open the file you will see that application still works
In this tutorial we've taken some steps to future proof our application so that we are not working in the global environment
Posts In The AngularJS SPA Application Series:
1. First let's wrap the module in an anonymous function. The source code for the app.js file should look like the following
(function(){
'use strict';
var app = angular.module('bankApp',['bankController']);
})();
The code above wraps the application in anonymous function and assigned to the variable call "app"
2. Now open the "bankController.js" in the "controllers" folder and wrap the "bankController" in anonymous function, the source code for the file should look like the following
(function(){
'use strict';
angular.module('bankController',[])
.controller('bankController',["$scope",function($scope){
$scope.bankAppName="My Bank Application";
}]);
})();
3. Open up the "index.html" file and make sure the source code looks like the following.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Bank Application</title>
<link rel="stylesheet" type="text/css" href="app.css">
</head>
<body ng-app="bankApp" ng-controller="bankController">
{{bankAppName}}
<script type="text/javascript" src="js/lib/angular/angular.js"></script>
<script type="text/javascript" src="js/app.js"></script>
<script type="text/javascript" src="js/controllers/bankController.js"></script>
</body>
</html>
4.If you open the file you will see that application still works
Posts In The AngularJS SPA Application Series:
- Setting Up Angular-Seed
- AngularJS - Setting up ACME Bank
- Refactor Code to Not Use Global Variables (Shopping List App)
- Installing MongoDB
- Create a MongoDB Configuration FIle
- Install mongoDB as a Windows Service
- Installing Express generator
- Installing ExpressJS Application Server
- Creating The SPA Project Folder Structure
- Setup Express To Serve Static Files
- Setup The Shopping Application For Heroku And Testing It Locally
- Deploy Shopping List Application To Heroku
- Install RoboMongo GUI for MongoDB
Subscribe to:
Post Comments (Atom)
Js has really been helpful 🙌🙌 thanks a lot
ReplyDeleteThank you! I tried to be as clear as possible. Sometimes books can be dry :)
DeleteWe share this js coding is really helpful to me. And it's this site content is good very useful to me.
ReplyDeleteThank you!
DeleteОтличная led лента находится только у Ekodio, даже не сомневайтесь в этом, я лично проверял.
ReplyDeleteThanks for this informative blog please keep posting more often as it might help someone who is looking to gain more knowledge.
ReplyDeleteSelenium Training in chennai | Selenium Training in anna nagar | Selenium Training in omr | Selenium Training in porur | Selenium Training in tambaram | Selenium Training in velachery
Wow it is really wonderful and awesome thus it is very much useful for me to understand many concepts and helped me a lot.
ReplyDeleteData Science certification Online Training in bangalore
Data Science certification courses in bangalore
Data Science certification classes in bangalore
Data Science certification Online Training institute in bangalore
Data Science certification course syllabus
best Data Science certification Online Training
Data Science certification Online Training centers
Very interesting blog Thank you for sharing such a nice and interesting blog and really very helpful article.
ReplyDeleteSAP PP Training in Bangalore
Best SAP PP Training Institutes in Bangalore
Thank you for excellent article.You made an article that is interesting.
ReplyDeleteSAP HCM Online Training
SAP HCM Classes Online
SAP HCM Training Online
Online SAP HCM Course
SAP HCM Course Online
I have recently visited your blog profile. I am totally impressed by your blogging skills and knowledge.
ReplyDeleteSAP HANA Online Training
SAP HANA Classes Online
SAP HANA Training Online
Online SAP HANA Course
SAP HANA Course Online
Hi Frankcompressors here, Blog is very interesting, thanks for sharing.
ReplyDeleteNice Blog.
ReplyDeleteI recently visited your blog profile. I was really impressed with blogging skills and knowledge.
ReplyDeleteVist our website too, We are Screw Dilator suppliers.
Really amazing experience to visit your blog, thanks a lot for sharing with us. Visit Ogen Infosystem for creative website designing and ppc services at best price in Delhi.
ReplyDeleteWeb Designing Company
Water bodies are the main source of transportation for international freight forwarding. Due to this, sea freight company in Delhi,
ReplyDeletevisit
Freight Forwarder in Vietnam
Shipping Company In India
visit here
ReplyDeleteiso certification in delhi
iso certification in noida
iso certification in gurgaon
iso certification in faridabad
Nice blog
ReplyDeleteNice post, I like to read this blog. It is very interesting to read.
ReplyDeletemachine learning in artificial intelligence
what is reactjs used for
amazon web servers
angularjs development company
aws interview questions and answers for freshers pdf
If you know so much about code, Why don't you start youtube channel about it? Now is very easy to get youtube subscribers. Just go to this site https://soclikes.com/buy-youtube-subscribers and buy. That is all
ReplyDeleteGreat Content & Thanks For Sharing With oflox. Do You Want To Know How To Make Money From Mitron App
ReplyDeleteĐặt mua vé tại Aivivu, tham khảo
ReplyDeletegia ve may bay di my
săn vé máy bay giá rẻ tết 2021
vé máy bay đi Canada vietnam airline
ve may bay di Phap gia bao nhieu
vé máy bay đi Anh bao nhiêu
vé máy bay giá rẻ khuyến mãi
combo đà nẵng
combo vinpearl nha trang 2021
I have been searching to find a comfort or effective procedure to complete this process and I think this is the most suitable way to do it effectively. ExcelR Data Science Course In Pune
ReplyDeleteMale fertility doctor in chennai
ReplyDeleteStd clinic in chennai
Erectile dysfunction treatment in chennai
Premature ejaculation treatment in chennai
wordpress development company
ReplyDeleteprogressive web development
real time web app development
web design company
Nice blog to read, Thanks for sharing this valuable article.
ReplyDeletePython Training Institute in Pune
Best Python Classes in Pune
When I study programming I read this post https://blog.nus.edu.sg/sarkar/how-to-become-a-tiktok-star-while-studing/ and start my tiktok blog. How I grateful to author of this post. Tiktok is the most lovely thing in my life and I have great results there
ReplyDeleteNice to read your article. This has really made good thing.
ReplyDeletePerl training in bangalore
Informative blog
ReplyDeleteData Science Course in Pune
เว็บแทงบอล
ReplyDeleteufabet
ufa
พวงหรีด
โควิด
เว็บแทงบอล
ReplyDeleteufabet
ufa
พวงหรีด
โควิด
seo consulting in usa
ReplyDeletesocial media promotion in usa
search engine marketing in usa
ppc services and management in usa
email marketing in usa
Awesome post. I am glad to see your article. Very interesting to read your article. AWS Certification Course in Chennai
ReplyDeleteAwesome post. I am glad to see your article. Very interesting to read your article. AWS Certification Course in Chennai
ReplyDeleteเราคือผู้นำด้านเกมพนันออนไลน์ Major168 เราคือผู้ให้บริการ คาสิโนออนไลน์ ที่ได้รับรองว่าดีที่สุดในประเทศไทย มีค่ายเกมส์ให้เล่นมากมาย Sagaming, Sexy bacarat, Dreamgame, Ebet, Wm casino, Vivo gaming ไม่ผ่านเอเย่นต์ ระบบปลอดภัยมีทีมงานดูแลตลอด 24ชม.
ReplyDeleteSAGAME88 แหล่งรวมเกมส์พนันออนไลน์ คาสิโนสด บาคาร่า กำถั่ว คาสิโนออนไลน์ ไฮโล รูเล็ต รับเครดิตฟรีเล่นได้ทุกเกมส์ โบนัสสมาชิกใหม่เพียบ พร้อมระบบฝากถอนออโต้ 10วิ เรามีทุกค่ายเกมส์ให้คุณเลือกเดิมพัน SA Game Sexy bacarat Dreamgame WM Casino VIVO Gaming Ebet เล่นได้ทุกเกมส์
Our website ufabet provides betting services in the system of Auto Deposit-Withdrawal. Our members are not only in Thailand. Online football betting UEFA Bet market And this makes a guarantee that Ufabet168 is another reliable football betting website
ufa through the website UFABET1688 a web gambling online , one that integrated all the bets from online casinos , online casino , online , and also have a game a lot more to be chosen to play such games.
Online football betting ufabet will definitely get the price of water more than anywhere else. When compared with other companies such as other water 1.90, we water 1.94 or more, depending on the pair. We guarantee the price of 4 sets of football betting with us, starting with a minimum of only 10 baht, because our website has no minimum deposit with an automatic system
ReplyDeletenice Post thanks for the information, good information & very helpful for others.
ReplyDeleteSailpoint Training
Looker Training
Oracle Fusion HCM Training
Thanks for sharing this informative content.,
ReplyDeleteLeanpitch provides online training in Scrum Master Certifiation during this lockdown period everyone can use it wisely.
Join Leanpitch 2 Days CSM Certification Workshop in different cities.
Scrum master certification online
CSM certification online
Thanks for sharing this.,
ReplyDeleteLeanpitch provides crash course in Brain hacks using NLP everyone can use it wisely.
Brain hacks with NLP
NLP training
Thanks for sharing this.,
ReplyDeleteLeanpitch provides crash course in Brain hacks using NLP everyone can use it wisely.
NLP training
NLP crash course
You have described it so deeply. Every normal person can easily understand how a data network works. But some people mix it with data center. Fungible is a company that is providing the best data center solution. From that website, you can easily understand what is data center.
ReplyDeleteThanks for sharing this.,
ReplyDeleteLeanpitch provides online training in A-CSPO during this lockdown period everyone can use it wisely.
Join Leanpitch 2 Days A-CSPO Certification Workshop in different cities.
a-cspo certification
a-cspo training
no deposit bonus forex 2021 - takipçi satın al - takipçi satın al - takipçi satın al - tiktok takipçi satın al - instagram beğeni satın al - instagram beğeni satın al - google haritalara yer ekleme - btcturk güvenilir mi - izlenme-satin-al.com - numarasmsonay.com - borsagazete.com - takipcisatinals.com - izlenme-satin-al.com/youtube - google haritalara yer ekleme - altyapısız internet - mikrofiber havlu - forexbonus2020.com - tiktok jeton hilesi - tiktok beğeni satın al - microsoft word ücretsiz indir - misli apk indir - binance güvenilir mi - takipçi satın al - mikrofiber havlu - uc satın al - takipçi satın al - takipçi satın al - finanspedia.com
ReplyDeletesurvetement adidas homme militaire
ReplyDeletebéret a pompon bretelles uniforme
wc suspendu mural amazon
bijoux pas cher or blanc amazon
bracelet argent soeur
lot deux lunettes de soleil steampunk
vetements sisley ligne
berghaus mens raincoat
style année 80 femme
nike air max sandale au sens propre
adidas zx flux adv virtue sock w
autoradio gps vdo
bluze de trening adidas barbati la norme
jogging fille 14 ans adidas
bouchon cuve amazon
ailleur pantalon femme bleu electrique
maillot algerie 2018 noir
pantalon noir femme dechiré
kimono en jean
polo lacoste ton sur ton
casquette ford Immigration
robe rose à pois
chauffage exterieur gaz pyramide
maillot de bain push up pour homme
nike off white foam rose
foulard en soie homme
chemise femme the kooples
nike tribute veste
masque d horreur a imprimer
batterie ducati monster 900 ie
chaussures de sécurité facom
casquette nike de golf
tumbona terraza ikea
nike sb stefan janoski beige
cesto para ropa sucia de madera
adidas duramo 7 precio
venta de tenis nike en tijuana
conjunto barça niño
pittura x pareti amazon trascorrere
ReplyDeletepull training nike
nike sb air max bruin vapor
jogging fille 14 ans adidas
outlet nike floresta
nike dual fusion tr iii
maglietta ciglia stradivarius
nike jogginghose dunkelgrau damen
nike academy16 knt tracksuit 2
borraccia decathlon amazon
camisa ponte preta aranha
sandalias de esparto mujer
kiabi bottine femme
polo lacoste ton sur ton
pepe jeans tami
crampon vissé adidas
brassiere garcon
vestido de niña rosa palo
maglia termica nuoto bambina
adidas zx flux adv virtue sock w
nike cortez prm
beutel zipper amazon
nike tanjun damen weiß 44
scarpe pirelli uomo impedire
polo ralph lauren jeanshemd damen
risparmiare batteria iphone ios 12
style année 80 femme
Nike Air Force 270
kimono en jean
pantaloni puma femei pollice Linea di metallo
shein camicie donna cameriera
bañador neopreno mujer oysho
sudadera nike vintage
giacca da prestigiatore
sandalias courofeito a mao
grossista condizionatori
piumini daunenstep amazon
zapatillas cruyff mujer
instagram takipçi satın al
ReplyDeleteinstagram takipçi satın al
takipçi satın al
instagram takipçi satın al
takipçi satın al
aşk kitapları
tiktok takipçi satın al
instagram beğeni satın al
youtube abone satın al
twitter takipçi satın al
tiktok beğeni satın al
tiktok izlenme satın al
twitter takipçi satın al
tiktok takipçi satın al
youtube abone satın al
tiktok beğeni satın al
instagram beğeni satın al
trend topic satın al
trend topic satın al
youtube abone satın al
beğeni satın al
tiktok izlenme satın al
sms onay
youtube izlenme satın al
tiktok beğeni satın al
sms onay
sms onay
perde modelleri
instagram takipçi satın al
takipçi satın al
tiktok jeton hilesi
pubg uc satın al
sultanbet
marsbahis
betboo
betboo
betboo
I’m happy I located this blog! From time to time, students want to cognitive the keys of productive literary essays composing. Your first-class knowledge about this good post can become a proper basis for such people. nice one website management
ReplyDeleteinstagram takipçi satın al
ReplyDeleteucuz takipçi
takipçi satın al
https://takipcikenti.com
https://ucsatinal.org
instagram takipçi satın al
https://perdemodelleri.org
https://yazanadam.com
instagram takipçi satın al
balon perdeler
petek üstü perde
mutfak tül modelleri
kısa perde modelleri
fon perde modelleri
tül perde modelleri
https://atakanmedya.com
https://fatihmedya.com
https://smmpaketleri.com
https://takipcialdim.com
https://yazanadam.com
yasaklı sitelere giriş
aşk kitapları
yabancı şarkılar
sigorta sorgula
https://cozumlec.com
word indir ücretsiz
tiktok jeton hilesi
rastgele görüntülü sohbet
erkek spor ayakkabı
fitness moves
gym workouts
https://marsbahiscasino.org
http://4mcafee.com
http://paydayloansonlineare.com
I was very pleased to find this site.I wanted to thank you for this great read!! I definitely enjoying every little bit of it and I have you bookmarked to check out new stuff you post. ppc management
ReplyDeleteAwesome article with great information provided by your article, here I would like to thank you guys for sharing such a fantastic blog. Regards digital marketing
ReplyDeletetoptan iç giyim tercih etmenizin sebebi kaliteyi ucuza satın alabilmektir. Ürünler yine orjinaldir ve size sorun yaşatmaz. Yine de bilinen tekstil markalarını tercih etmelisiniz.
ReplyDeleteDigitürk başvuru güncel adresine hoşgeldiniz. Hemen başvuru yaparsanız anında kurulum yapmaktayız.
tutku iç giyim Türkiye'nin önde gelen iç giyim markalarından birisi olmasının yanı sıra en çok satan markalardan birisidir. Ürünleri hem çok kalitelidir hem de pamuk kullanımı daha fazladır.
nbb sütyen hem kaliteli hem de uygun fiyatlı sütyenler üretmektedir. Sütyene ek olarak sütyen takımı ve jartiyer gibi ürünleri de mevcuttur. Özellikle Avrupa ve Orta Doğu'da çokça tercih edilmektedir.
yeni inci sütyen kaliteyi ucuz olarak sizlere ulaştırmaktadır. Çok çeşitli sütyen varyantları mevcuttur. iç giyime damga vuran markalardan biridir ve genellikle Avrupa'da ismi sıklıkla duyulur.
iç giyim ürünlerine her zaman dikkat etmemiz gerekmektedir. Üretimde kullanılan malzemelerin kullanım oranları, kumaşın esnekliği, çekmezlik testi gibi birçok unsuru aynı anda değerlendirerek seçim yapmalıyız.
iç giyim bayanların erkeklere göre daha dikkatli oldukları bir alandır. Erkeklere göre daha özenli ve daha seçici davranırlar. Biliyorlar ki iç giyimde kullandıkları şeyler kafalarındaki ve ruhlarındaki özellikleri dışa vururlar.