Cómo hacer que los módulos AngularJS estén disponibles para una aplicación

Se recomienda que divida su aplicación en múltiples módulos como este:

  • Un módulo para cada característica.
  • Un módulo para cada componente reutilizable (especialmente directivas y filtros)
  • Y un módulo de nivel de aplicación que depende de los módulos anteriores y contiene cualquier código de inicialización.

Los siguientes escenarios pueden ocurrir,

  • Múltiples módulos dentro de la misma aplicación, consulte el código a continuación (de AngularJS)

angular.module (‘xmpl.service’, [])
.value (‘greeter’, {
saludo: ‘Hola’,
localizar: función (localización) {
this.salutation = localization.salutation;
},
saludar: función (nombre) {
devuelve this.salutation + ” + name + ‘!’;
}
})
.value (‘usuario’, {
carga: función (nombre) {
this.name = nombre;
}
});

angular.module (‘xmpl.directive’, []);

angular.module (‘xmpl.filter’, []);

angular.module (‘xmpl’, [‘xmpl.service’, ‘xmpl.directive’, ‘xmpl.filter’])

.run (función (saludo, usuario) {
// Esto es efectivamente parte del código de inicialización del método principal
greeter.localize ({
saludo: ‘Bonjour’
});
user.load (‘Mundo’);
})

.controller (‘XmplController’, función ($ scope, greeter, user) {
$ scope.greeting = greeter.greet (usuario.nombre);
});

En el ejemplo anterior, los módulos están presentes en el mismo archivo (si no están presentes en el mismo archivo, incluya el js en index.html y listo) y están disponibles para la aplicación y, por lo tanto, pueden inyectarse directamente.

  • Ponga los módulos a disposición de una aplicación diferente.

Haga que el proyecto esté disponible para la aplicación (ya sea por Bower, recomendado o agréguelo manualmente a alguna carpeta de la biblioteca), incluya el archivo en index.html. Puede usarlo de la misma manera que se muestra arriba.

¡¡Espero que esto ayude!!