AngularJS - Hello World

Hello Classic World

În general, atunci când învățăm să folosim un limbaj nou, primul lucru pe care îl facem este să creăm un mic program care îl imprimă pe cel clasic. "Salut Lume"Deși acest lucru nu poate fi de un real folos într-o aplicație, are mai multe implicații. Ne învață să începem limba și ne oferă o modalitate de a verifica dacă totul funcționează corect.
În această secțiune vom vedea cum să efectuați un Salut Lume, vizualizarea și revizuirea suplimentară a conceptelor asociate care ne permit să construim aplicații în AngularJS.
În AngularJS Șablonul este de partea clientului, prin urmare datele ajung în aplicația noastră și tocmai în acest domeniu sunt organizate și pregătite pentru consumul său de către utilizator; atunci când aplicați acest concept unei aplicații cu o singură pagină și utilizați AJAX vom putea realiza dinamism fără a fi nevoie ca utilizatorul să reîncarce web-ul unde navighează.
Pentru a efectua un simplu Salut Lume Și știind cele de mai sus, să vedem de ce avem nevoie pentru a ne îndeplini obiectivul:

• Avem nevoie de HTML baza unde includem două fișiere. Primul va fi AngularJS iar al doilea este un script personalizat în care va merge logica noastră de procesare.
• În interiorul HTML trebuie să definiți blocul unde AngularJS va avea influență, adică unde vom plasa eticheta ng-app.
• În scriptul nostru personalizat trebuie să creăm un controler AngularJS pentru a transmite textul aplicației noastre.

Odată ce știm de ce avem nevoie, trebuie să construim codul corespunzător, să vedem în următoarea imagine cum am făcut-o:

MARI

Vedem că am inclus AngularJS de la CDN Google în acest fel nu trebuie să descărcăm fișierele în proiectul nostru în acest moment, apoi în loc să includem un script personalizat ceea ce am făcut este să scriem instrucțiunile de care avem nevoie, facem acest lucru ca demonstrație, este întotdeauna bine să separăm cod, astfel încât să fie mai ușor de manipulat.
Deja eticheta HTML are proprietatea ng-app ceea ce înseamnă că AngularJS are ca scop întregul document și facem un div în care plasăm un ng-controller care este un controler AngularJS.
ImportantTot ce va face controlerul nostru este să imprimăm cuvântul Buna ziua lângă cuvânt Lume pe care le-am scris deja anterior, evidențiem cum AngularJS nu are nevoie de nimic mai mult decât este ceea ce definim variabilă de context și face automat linkurile corespunzătoare către noi.
Acum, să vedem cum arată toate acestea în browser, am deschis consolă firebug pentru a arăta ce s-a întâmplat când am început aplicația:

MARI

Putem observa apoi cum AngularJS în momentul încărcării documentului ați plasat cuvântul Buna ziua în a noastră div și în acest fel aplicația ar funcționa.
După cum vedem, am creat-o pe a noastră Salut Lume și am înțeles puțin mai mult cum funcționează AngularJS Și la ce ne referim atunci când vorbim despre șablonul care se află în client, să ne imaginăm că cuvântul sunt date care provin dintr-un serviciu web, aici vedem cum ia o nouă dimensiune, deoarece am putea genera mai mult dinamism în aplicațiile noastre.
Anteriorpagina 1 din 2UrmătorulV-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv