✅ AngularJS - Invocarea bibliotecii

Cuprins

Ce AngularJS Este o bibliotecă care conține o serie de funcționalități și metode, modul în care putem începe să o folosim este invocând-o, acest lucru nu are niciun mister în sine, de fapt dacă am tratat alte biblioteci, cum ar fi jQuery o Mootools vom înțelege cu siguranță la ce ne referim.
Cu toate acestea, odată ce am invocat biblioteca pentru a ne putea servi, trebuie să respectăm anumite structuri și convenții care vor permite aplicațiilor noastre să beneficieze de toate lucrurile pe care le oferă. AngularJS.
Pentru a include biblioteca așa cum am menționat la începutul tutorialului o putem face ca orice altă bibliotecă JavascriptCu toate acestea, avem două opțiuni pe care le putem lua:
Prima opțiuneEste de a utiliza CDN de Google care ne permite să avem biblioteca disponibilă dintr-o rețea în care biblioteca poate fi stocată în cache, adică dacă persoana care folosește aplicația noastră a folosit deja o altă aplicație care folosește AngularJS nu va trebui să descărcați întregul fișier, așa cum va fi în cache-ul browserului.
A doua opțiuneEste să includem biblioteca în aplicația noastră și să o servim de pe serverele noastre, această opțiune nu este foarte populară astăzi datorită vitezei mari și a disponibilității CDN de Google totuși, dacă este imperativ, putem descărca fișierul și îl putem stoca în proiectul nostru și putem face referința corespunzătoare.
Să vedem în imaginea următoare un exemplu despre cum să includeți AngularJS în aplicația noastră folosind prima opțiune pentru a apela biblioteca din CDN de Google.

MARI

În cazul în care avem nevoie de o altă versiune, ne putem consulta în Google diferitele versiuni disponibile pe care le au, pentru a efectua apelul corespunzător.
Odată ce avem AngularJS În cadrul aplicației noastre, trebuie să indicăm unde poate acționa, s-ar putea să nu pară ceva important, dar dacă este așa, indicând unde poate acționa, putem încorpora diferite biblioteci fără teamă că pot interfera una cu cealaltă.
Cum să delimitați?Pentru a indica care sunt elementele asupra cărora poate acționa, trebuie să folosim proprietatea personalizată ng-app în acest fel nu va afecta HTML-ul nostru standard și astfel putem specifica unde vrem să acționeze.
Să vedem în exemplul următor cum să spunem AngularJS care poate fi aplicat mai presus de toate HTML-ul nostru:

La aplicarea proprietății pe etichetă HTML face AngularJS ia în considerare toate etichetele copil. În cazul în care dorim să definim doar un element separat, putem aplica următoarele:

Vedem că acest exemplu este foarte asemănător cu cel anterior, doar că, în loc să aplicăm proprietatea pe eticheta HTML, am făcut-o pe o etichetă div, astfel încât ceea ce se află în afara etichetei respective să nu fie afectat de AngularJS dacă nu punem ng-app property.
Am făcut un pas important pe calea învățării cum să folosim această bibliotecă foarte importantă astăzi, deoarece vedem concepte foarte similare aplicabile celor pe care le-am folosit întotdeauna cu unele mici diferențe.V-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