What is the difference between providedIn root and providing a service in a component?

Angular directives, pipes and DI · Freshers and experienced

Model answer

providedIn: 'root' registers one shared instance for the whole application, created when first needed. Providing a service in a component's providers array creates a new instance for that component and its children, and it is destroyed with the component.

Use root for shared state and API services. Use component-level providers when each instance needs its own state, such as one form helper per page or a dialog.

Learn this topic

Angular Tutorial: Beginner to Advanced .

Sign in to add your own answer.

More questions