When should we use providedIn root vs module for services

Question

I was hoping you could explain to me with the help of an example. When should we use the ‘root’ vs ‘module’ for services?

Answer 1

In Angular, the providedIn property in the @Injectable() decorator determines where a service is provided.

Use providedIn: 'root'

Example:

@Injectable({

  providedIn: 'root'

})

export class MyService { }

Use providedIn: 'module'

@NgModule({

  providers: [MyService]

})

export class MyModule { }