Hi,
I'm trying to wrap my head around what would be a clean solution to have
multiple instances of a service.
As my first attempt;
function LoggerFactory(module) {
return {
info: function(message) {
console.info(module + '::' + message)
}
}
}
angular.module('app')
.value('RootLogger', LoggerFactory('root'))
.value('DashboardLogger', LoggerFactory('dashboard'))
Which works fine but having that LoggerFactory as a function is definitely
a no-go..
So my second attempt, wrap the LoggerFactory in a service
angular.module('app')
.service('LoggerFactory', function() {
this.build = function(module) {
return {
info: function(message) {
console.info( module + '--' + message )
}
}
}
})
.factory('RootLogger', function(LoggerFactory) {
return LoggerFactory.build('root')
})
.factory('DashboardLogger', function(LoggerFactory) {
return LoggerFactory.build('dashboard')
})
Which is a bit more lengthy since we cannot use the LoggerFactory without
dependency injection.
Now this is working fine but I can imagine having a more complicated
service with more complicated "build" behavior, which would become more..
complicated. Anyway, what about using .provider here, and configure
instances using .config, after all that's what providers are meant for..
right? So my third attempt, with providers..
function LoggerProvider() {
var module = ''
this.setModule = function(module_) { module = module_ }
this.$get = function() {
return {
info: function(message) {
console.info(module + '::' + message)
}
}
}
}
angular.module('app')
.provider('RootLogger', LoggerProvider)
.config(function(RootLoggerProvider) {
RootLoggerProvider.setModule('root')
})
.provider('DashboardLogger', LoggerProvider)
.config(function(DashboardLoggerProvider) {
DashboardLoggerProvider.setModule('dashboard')
})
Ok, working fine, looking good, except for that LoggerProvider being a
function again. So, fourth time's a charm:
angular.module('app')
.service('LoggerProviderFactory', function() {
this.build = function(self) {
var module = ''
self.setModule = function(module_) { module = module_ }
self.$get = function() {
return {
info: function(message) {
console.info(module + '::' + message)
}
}
}
}
})
.provider('RootLogger', function(LoggerProviderFactory) {
LoggerProviderFactory.build(this)
})
.config(function(RootLoggerProvider) {
RootLoggerProvider.setModule('root')
})
.provider('DashboardLogger', function(LoggerProviderFactory) {
LoggerProviderFactory.build(this)
})
.config(function(DashboardLoggerProvider) {
DashboardLoggerProvider.setModule('dashboard')
})
Alright setting aside this is not exactly pretty code, more importantly,
this is not working at all, it fails with an error message
[$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:unpr] Unknown provider: LoggerProviderFactory
This is where I hope one of you people can step in and tell I'm doing this
all wrong :-)
Antoine
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/groups/opt_out.
