{"id":659,"date":"2023-03-15T05:00:00","date_gmt":"2023-03-15T12:00:00","guid":{"rendered":"https:\/\/www.angulartraining.com\/daily-newsletter\/?p=659"},"modified":"2023-03-14T19:28:30","modified_gmt":"2023-03-15T02:28:30","slug":"conditional-dependency-injection","status":"publish","type":"post","link":"https:\/\/www.angulartraining.com\/daily-newsletter\/conditional-dependency-injection\/","title":{"rendered":"Conditional Dependency Injection"},"content":{"rendered":"\n

Yesterday, we saw how to use our component (and module) hierarchy to configure dependency injection<\/a> with Angular.<\/p>\n\n\n\n

Today, let’s look at how we can make dependency injection conditional. For instance, say we have a LoginService<\/code> for production that requires features unavailable at dev time or that we do not want to use during the development phase.<\/p>\n\n\n\n

What we can do then is configure our providers to make a decision based on the current environment:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Using the ternary operator<\/a> [if true] ? [then this] : [else that]<\/code>, we can decide when to use a service over an alternative version.<\/p>\n\n\n\n

If you need to make that dependency injection decision depending on other factors, such as data from other services, or if you have several different possible services to inject, you can use a factory function that relies on other services (deps<\/code>) that are injected in the factory function as follows:<\/p>\n\n\n

\n
\"\"<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

The order of the dependencies in deps<\/code> has to match the order of the parameters in the factory function passed to useFactory<\/code>.<\/p>\n","protected":false},"excerpt":{"rendered":"

Yesterday, we saw how to use our component (and module) hierarchy to configure dependency injection with Angular. Today, let’s look at how we can make dependency injection conditional. For instance, say we have a LoginService for production that requires features unavailable at dev time or that we do not want to use during the development […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,21,26],"tags":[],"class_list":["post-659","post","type-post","status-publish","format-standard","hentry","category-angular","category-architecture","category-dependency-injection"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t