Angular 7 Service

Question

Hi All,   Any one can explain why my service instance is created only once ,  i have implemented eagar and lazy loading with netesd routing , i have injected the service all the components but still its taking the same instance .  i have given my stackblitz link below  kindly anyone have a look .   i want to check why lazy-loaded module taking same service instance. https://stackblitz.com/edit/angular-drtk4e

Karthikeyan K · Answer

@Muthu Thanks . I found it finally . let me close this thread

Karthikeyan K · Answer

@ Muthu Kumar can you have a look at component three . i have checked the  stackoverflow link which you mentioned below , its almost same like my config but still its sharing same instance , as per my understanding it should create two instance .   https://stackblitz.com/edit/angular-drtk4e

Muthu Kumar · Answer

Here contains an example of your solution,
https://stackoverflow.com/questions/39672816/can-lazy-loaded-modules-share-the-same-instance-of-a-service-provided-by-their-p

Muthu Kumar · Answer

@Karthikeyan,
I can't open that link need to login. Can you explain which you want to know?.

Karthikeyan K · Answer

@ Muthu Kumar thanks for reply, I'm trying to understand the below mentioned article . if you provide exmple for that it would be greatly appreciated .   https://egghead.io/lessons/angular-avoid-multiple-service-instances-in-lazy-loaded-modules-in-angular

Muthu Kumar · Answer

Hi Karthikeyan,
If you imported your service file in app module file providers block. Then it will create only one instance.
If you imported your service file in every component like following,
@Component({     selector:  'app-two' ,     templateUrl:  './two.component.html' ,     styleUrls: [ './two.component.css' ],       providers: [CommonService]   })   Then you can get instance every component loading time intialized service.
For reference i have changed your stackblitz and mentioned screenshot,
But best practices is using app module for import services.