AngularJS - Zdravo Svijete

Pozdrav klasični svijet

Općenito, kada učimo koristiti novi jezik, prvo što napravimo je stvoriti mali program koji nam ispisuje klasični. "Pozdrav svijete"Iako to možda nije od prave koristi u aplikaciji, to ima nekoliko implikacija. Uči nas započeti jezik i daje nam način da provjerimo radi li sve ispravno.
U ovom odjeljku ćemo vidjeti kako izvesti a Pozdrav svijete, dodatno pregledavanje i pregled povezanih koncepata koji nam omogućuju izgradnju aplikacija u AngularJS.
U AngularJS Predložak je na strani klijenta, stoga podaci dopiru do naše aplikacije i upravo u tom području je organiziran i pripremljen za upotrebu od strane korisnika; pri primjeni ovog koncepta na aplikaciju za jednu stranicu i korištenju AJAX moći ćemo postići dinamiku bez potrebe da korisnik ponovno učitava web gdje pregledava.
Za izvođenje jednostavnog Pozdrav svijete Znajući gore navedeno, da vidimo što nam je potrebno za ispunjenje našeg cilja:

• Trebamo a HTML baze u koju uključujemo dvije datoteke. Prvi će biti AngularJS a drugi je prilagođena skripta u koju će ići naša logika obrade.
• Unutar HTML morate definirati blok gdje AngularJS će imati utjecaj, odnosno mjesto gdje ćemo postaviti oznaku ng-aplikacija.
• U našoj prilagođenoj skripti moramo stvoriti kontroler AngularJS kako bismo proslijedili tekst našoj aplikaciji.

Kad saznamo što nam treba, moramo izgraditi odgovarajući kôd, pa da vidimo na sljedećoj slici kako smo to učinili:

POVEĆAJTE

Vidimo da smo uključili AngularJS od Google CDN na ovaj način trenutno ne moramo preuzimati datoteke u naš projekt, a zatim umjesto prilagođene skripte ono što smo učinili je da napišemo potrebne upute, to radimo kao demonstraciju, uvijek je dobro odvojiti koda tako da se njime lakše rukuje.
Već oznaka HTML ima imanje ng-aplikacija što znači da AngularJS ima cijeli dokument kao opseg i napravimo div gdje stavljamo a ng-kontroler koji je kontroler AngularJS.
VažnoSve što će naš kontroler učiniti je ispisati riječ zdravo pored riječi Svijet što smo već ranije napisali, ističemo kako AngularJS ne treba ništa više od toga da definiramo kontekstna varijabla i automatski nam stvara odgovarajuće veze.
Sada da vidimo kako sve ovo izgleda u pregledniku, otvorili smo konzola firebug kako bismo pokazali što se dogodilo kada smo pokrenuli našu aplikaciju:

POVEĆAJTE

Tada možemo primijetiti kako AngularJS u trenutku učitavanja dokumenta stavili ste riječ zdravo u našem div i na taj bi način aplikacija radila.
Kao što vidimo stvorili smo svoje Pozdrav svijete i malo smo više razumjeli kako to funkcionira AngularJS I na što mislimo kada govorimo o tome da je predložak u klijentu, zamislimo da je riječ o podacima koji potječu s web usluge, ovdje vidimo kako on poprima novu dimenziju jer bismo mogli generirati više dinamike u našim aplikacijama.
Prethodnistranica 1 od 2SljedećiJe li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod