Angular (2+) Singleton services for use in other modules

Asked Mar 14 '17 at 09:41

Active Mar 14 '17 at 10:11

Viewed 303 times

Im trying to work out what's the best way to achieve adding a singleton service to a 'core module' and consuming that service from a component within another module without creating a new instance of the service, as follows:

CoreModule ----- AppModule (imports CoreModule) ----- AppRoutingModule | | CacheService SubModule (loaded from AppRoutingModule with 'loadChildren:') | SubComponent (loaded from SubRoutingModule, needs to use CacheService)

Note: This is a little different to simply using a singleton service shared by components belonging to the AppModule as I would like sub-modules to also utilise that service. According to the docs Services aren't inherited through modules?

edited Mar 14 '17 at 10:11

asked Mar 14 '17 at 09:41

JonRowley

Possible duplicate of [How do I create a singleton service in Angular 2?](http://stackoverflow.com/questions/36198785/how-do-i-create-a-singleton-service-in-angular-2) – SASIKUMAR SENTHILNATHAN Mar 14 '17 at 10:02
Even the same rule for Sub-Modules too... – SASIKUMAR SENTHILNATHAN Mar 14 '17 at 10:11
Isn't it??? @JonRowley – SASIKUMAR SENTHILNATHAN Mar 14 '17 at 10:14
1

So I think I have it solved. Basically we need to create a static forRoot method in the CoreModule and then import that within the AppModule using CoreModule.forRoot(); This provides the singleton service for lazy loaded Modules. – JonRowley Mar 14 '17 at 11:54
I hope you can post your answer brief so that question would be answered. @JonRowley – SASIKUMAR SENTHILNATHAN Mar 15 '17 at 02:04

Angular (2+) Singleton services for use in other modules

0 Answers0