Estamos creando una constante en nuestro proyecto desarrollado con ayuda de AngularJS, esto con el fin de evitar código repetido. No obstante, nos surge la duda sobre si es posible inyectar un proveedor o dependencia dentro de esa constante, y la pregunta surge porque quisimos utilizar uno de los atributos para manipular los mensajes con Angular-Growl y no fue posible. En el caso de SweetAlert fue posible sin problemas.
(function () {
'use strict';
angular.module('mytodoApp').constant("appConstant", {
'FILTRO_TABLAS': [{ name: '5', value: '5' }, { name: '10', value: '10' },
{ name: '20', value: '20' }, { name: '30', value: '30' },
{ name: '50', value: '50' }],
'MSG_LOADING': function (title) {
swal({
title: title,
allowOutsideClick: false,
allowEscapeKey: false
});
},
'MSG_SYSTEM_ERROR': function (title, type) {
swal('Hubo un problema', title, type);
}
})
})();
En este caso, al inyectar la constante appConstant en cualquier controlador, los swal (que son los mensajes generados con SweetAlert) funcionan bien, sin embargo, al añadir esto:
'MSG_GROWL_ERROR': function(title) {
growl.error("<div><i class='glyphicon glyphicon-ok' style='padding-left:15px;font-size: 20px;'></i> <span><strong>Error!</strong>" +title+"</div>");
Aparece en la consola del navegador que no se conoce una dependencia llamada Growl. Intenté inyectarla en la constante y automaticamente la aplicación explota.
angular.module('mytodoApp', ['angular-growl'])
Uncaught SyntaxError: Unexpected token }.
Era obvio, de hecho que en el app.js está ya inyectada la directiva.angular.module
creas un nuevo modulo. Me parece que devconcept te pregunta si estaba importado pero ya contestate que si.