Moduli in AngularJS
In angularJs, un modulo è un componente che contiene tutti gli altri componenti in angularJS, come controller, servizi, filtri, direttive … o qualsiasi cosa a cui è possibile fare riferimento tramite il modulo. In angularJS eseguiamo tutte le funzionalità nei moduli e una pagina HTML ha un solo modulo e questo modulo può essere utilizzato per inizializzare e avviare un'applicazione.
Considera l'esempio seguente
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Example Module</title> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> </head> <body ng-app="myApp"> </body> <script> var app = angular.module('myApp', []); console.log(app); </script> </html>Risultati durante l'accesso alla console del browser
Analizza il codice sopra:
- Riga 10: nel corpo è presente un attributo html denominato ng-app , il valore all'interno è "myApp". Questa è chiamata direttiva, dicendo ad angularJS questo è il modulo dell'applicazione, quando inizializziamo il modulo sotto il livello di script, passeremo questo nome "myApp" per inizializzare
- Riga numero 14: var app = angular.module('myApp', []); Qui dichiariamo la variabile app e assegniamo il valore uguale al valore restituito dal metodo .module() dell'oggetto angolare, questo metodo passa 2 parametri, il primo parametro è la stringa 'myApp' corrisponde esattamente al valore della direttiva ng-app in la struttura del tag html, il 2° parametro in questo esempio è un array vuoto [], nei prossimi articoli parleremo del passaggio di valori in questo array e lo concettualizziamo come dipendenza . In questo contesto, non stiamo passando alcuna dipendenza , quindi questo array viene dichiarato vuoto
- Riga 15: registra la variabile dell'app nel browser e vediamo che questa variabile dell'app è un oggetto, contenente molti metodi come controller, componente, filtro, servizio … questi concetti continueremo Approccio nei prossimi post
Almeno, fino al presente post, comprendiamo che il modulo principale è l'oggetto più grande di angularJS e questo oggetto è il contenitore per altri componenti figlio in un'applicazione angularJS.
