Angular service providedIn VS forRoot

Question

I'd like to know if these two blocks of code are equivalent or not.

Can I use providedIn with the same result of forRoot?

@Injectable({
  providedIn: 'root'
})
export class MyService {
  constructor() { }
}

vs

@Injectable()
export class MyService {
  constructor() { }
}

@NgModule({
  imports: []
})
export class MyModule {
  static forRoot(): ModuleWithProviders {
    return {
      ngModule: MyModule,
      providers: [
        MyService
      ]
    };
  }
}

@NgModule({
  imports: [
    MyModule.forRoot()
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

[I would still keep my MyModule for single use with the providedId singleton services]

Answer 1

Using providedIn vs providers[]:

1. providedIn is the new Angular way of doing DI. providedIn was brought since Angular 6

2. The official name is "Tree-shakeable providers" - instead of module providing all its services, it is now the service itself declaring where it should be provided

3. Using providedIn: 'root' removes the need to import the library module at all, we can simply inject needed services and it just works

Answer 2

Yes, forRoot and provideIn both are equivalent since both will create the only and only one singleton for the app. Even though it being loaded in lazy loaded component.

Refer this nice article on it - https://medium.com/@chrishouse/when-to-use-angulars-forroot-method-400094a0ebb7