Like a Façade the ConfiguratorProvider take care of the entire app configuration.
So in your app instead of something like:
.config(function(firstProvider, secondProvider, thirdProvider){
firstProvider.foo();
secondProvider.bar();
thirdProvider.baz();
});you can have:
.config(function(configProvider){
configProvider
.foo()
.bar()
.baz();
});You can keep all your app factories and use a single provider.
| angular.module('app', []) | |
| .factory('Factory', function () { | |
| var foo = 'Factory (default)'; | |
| function setFoo(value) { | |
| foo = value; | |
| return foo; | |
| } | |
| function getFoo() { | |
| return foo; | |
| } | |
| return { | |
| text: getFoo, | |
| setFoo: setFoo | |
| } | |
| }) | |
| .provider('Configurator', function () { | |
| var text = 'Provider (default)'; | |
| this.setText = function(value) { | |
| text = value; | |
| return this; | |
| }; | |
| this.$get = ['Factory', function(Factory) { | |
| (function init(){ | |
| Factory.setFoo(text); | |
| })(); | |
| return { | |
| text: Factory.text | |
| } | |
| }]; | |
| }) | |
| .config(['ConfiguratorProvider', function(ConfiguratorProvider){ | |
| ConfiguratorProvider.setText('Configuration'); | |
| }]); |