Total Guide To Angular 6+ Dependency Injection — providedIn vs providers:[ ] 💉

#angular #javascript #node #webdev

I know, I know… Angular 7 is out already but this topic is as relevant as ever! Angular 6 brought us new better providedIn syntax for registration of services into Angular dependency injection mechanism.

As it turned out, this topic can evoke quite emotional responses and there is a lot of confusion across GitHub comments, Slack and Stack Overflow so let’s make this clear once and for all!

📖 What we’re going to learn

Dependency Injection (DI) recapitulation (optional😉)
The Old Way™ of doing DI in Angular — providers: []
The New Way™ of doing DI in Angular — providedIn: 'root' | SomeModule
Possible scenarios when using providedIn
Recommendation on how to use new syntax in your projects
Summary

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more