significato della matrice vuota in angularJS dichiarazione modulo

Question

Nella mia previous question, comprendo che il codice var app = angular.module('myApp', []); collega il modulo app alla vista myApp.

Mi piacerebbe sapere perché stiamo avendo l'array vuoto [] nella dichiarazione del modulo.

A cosa serve la matrice vuota?

Answer 1

tale matrice è destinata ad aggiungere vari modulo al corrente app che è menzionato nella prima parte della angular.module come STRING`, Si potrebbe semplicemente dire per l'iniezione di varie dipendenze.

è possibile creare un n numero di modulo all'interno della vostra app per ogni componente del angular & allora si potrebbe combinarle in un'unica applicazione e si può angular.bootstrap o applicarlo sulla pagina utilizzando ng-app direttiva.

Esempio

Supponiamo di avere un app che ha diversi componenti come i servizi, in fabbrica, filtri, direttive, ecc Si potrebbe creare un modulo per ciascuno di essi. Solo per fare separazione delle preoccupazioni.

angular.module('myApp.filters', []) 
angular.module('myApp.services', []) 
angular.module('myApp.controllers', []) 
angular.module('myApp.directives', []) 
angular.module('myApp.constants', []) 

E mentre aggiungendo una componente ad esso si può semplicemente utilizzare tale modulo specifico di esso. Come si voleva aggiungere il servizio, allora si aggiunge solo che il servizio in myApp.services facendo

angular.module('myApp.services').service('example', function(){ 

}) 

E poi dentro di te app.js si potrebbe fare combinare tutti questi moduli a un singolo modulo come qui di seguito.

angular.module('myApp', [ 
    'myApp.services', 
    'myApp.controllers', 
    'myApp.directives', 
    'myApp.directives', 
    'myApp.constants' 
]) 

Durante l'inizializzazione un app si può semplicemente utilizzare myApp all'interno, che renderebbe disponibili tutti gli altri moduli ad esso.

A cosa serve la matrice vuota?

In si codice si crea un modulo che non iniettare qualsiasi dipendenza, [] che significa che è indipendente da qualsiasi altro modulo angular.

Dipendenza iniettato all'interno del [] è altro che modulo importazione

Answer 2

angular.module('app', []) è quello di creare un nuovo modulo senza alcuna dipendenza modulo.

angular.module('app') consente di recuperare un modulo esistente il cui nome è app.

Answer 3

Angolari API dice Passing one argument retrieves an existing angular.Module, whereas passing more than one argument creates a new angular.Module https://docs.angularjs.org/api/ng/function/angular.module