AngularJS - Invocare la libreria

Che cosa AngularJS È una libreria che contiene una serie di funzionalità e metodi, il modo in cui possiamo iniziare ad usarla è invocandola, questo non ha mistero in sé, infatti se abbiamo gestito altre librerie come jQuery o Mootools capiremo sicuramente cosa intendiamo.
Tuttavia, una volta che abbiamo invocato la libreria in modo che possa servirci, dobbiamo rispettare determinate strutture e convenzioni che consentiranno alle nostre applicazioni di beneficiare di tutte le cose che offre. AngularJS.
Per includere la libreria come abbiamo detto all'inizio del tutorial possiamo farlo come qualsiasi altra libreria JavascriptTuttavia, abbiamo due opzioni che possiamo prendere:
Prima opzioneè usare il CDN di Google che ci consente di avere la libreria disponibile da una rete in cui la libreria può essere memorizzata nella cache, ovvero se la persona che utilizza la nostra applicazione ha già utilizzato un'altra applicazione che utilizza AngularJS non dovrai scaricare l'intero file poiché sarà nella cache del browser.
Seconda opzioneÈ per includere la libreria nella nostra applicazione e servirla dai nostri server, questa opzione non è molto popolare oggi a causa dell'alta velocità e disponibilità del CDN di Google tuttavia, se è imperativo, possiamo scaricare il file e memorizzarlo nel nostro progetto e fare il riferimento corrispondente.
Vediamo nell'immagine seguente un esempio di come includere AngularJS nella nostra applicazione utilizzando la prima opzione per chiamare la libreria dal CDN di Google.

INGRANDIRE

Nel caso avessimo bisogno di un'altra versione, possiamo consultare in Google le diverse versioni disponibili di cui dispongono, per effettuare la chiamata corrispondente.
Una volta che abbiamo AngularJS All'interno della nostra applicazione, dobbiamo indicare dove può agire, questo potrebbe non sembrare qualcosa di importante, ma se lo è, indicando dove può agire possiamo incorporare diverse librerie senza temere che possano interferire l'una con l'altra.
Come delimitare?Per indicare quali sono gli elementi su cui può agire dobbiamo utilizzare la proprietà custom ng-app in questo modo non influenzerà il nostro HTML standard e quindi possiamo specificare dove vogliamo che agisca.
Vediamo nell'esempio seguente come dire AngularJS che può essere applicato soprattutto il nostro HTML:

Quando si applica la proprietà sull'etichetta HTML fare AngularJS prendere in considerazione tutti i tag figlio. Nel caso in cui desideriamo solo definire un elemento separatamente, possiamo applicare quanto segue:

Vediamo che questo esempio è molto simile al precedente, solo che invece di applicare la proprietà sul tag HTML, l'abbiamo fatto su un tag div, in modo che ciò che è al di fuori di tale tag non venga influenzato da AngularJS a meno che non mettiamo il proprietà ng-app.
Abbiamo fatto un passo importante nel percorso di apprendimento dell'uso di questa importantissima libreria oggi, poiché vediamo che concetti molto simili si applicano a quelli che abbiamo sempre usato con alcune piccole differenze.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo