I was working on a practical project using Angular 8, where I was creating a service and thinking more about how to implement SOLID principles. I decided to have an interface to define my service and a class to implement the logic. Everything was okay with that design, but a question came to my mind, "How can I implement dependency injection with my Angular component?" In this example, I am going to use an abstract class, Let's create an abstract class, named IGreetingsService. This will be used as an Interface with a greeting method. TypeScript x 1 export abstract class IGreetingsService { 2 constructor() { } 3 abstract greeting(): String; 4 } Now, let's create a class, GreetingsServiceImpl. This class implements the IGreetingsService abstract class. TypeScript xxxxxxxxxx 1 1 export class GreetingsServiceImpl implements IGreetingsService { 2 constructor() { } 3 greeting(): String{ 4 return "Pruebaa"; 5 }; 6 } At this point, we have a regular class to use as a service, but we need to add the annotation @Injectable. We have to put it at IGreetingsService. TypeScript x 10 1 @Injectable({ 2 providedIn: 'root', 3 useClass: GreetingsServiceImpl, 4 }) 5 export abstract class IGreetingsService { 6 7 constructor() { } 8 9 abstract greeting(): String; 10 } The magic is at the property useClass. This class is used by the Angular framework to know what concrete class has to use for dependency injection when you are using theIGreetingsService abstract class. So we are ready to use our service into an angular component. TypeScript xxxxxxxxxx 1 12 1 @Component({ 2 selector: 'my-app', 3 templateUrl: './app.component.html', 4 styleUrls: [ './app.component.css' ] 5 }) 6 export class AppComponent { 7 name: String; 8 constructor(private service: IGreetingsService ) { 9 this.name = this.service.greeting(); 10 } 11 12 } At the moment, to create an instance of the AppComponent, Angular automatically creates an instance of GreetingsServiceImpl , instead of IGreetingsService. (Remember IGreetingsService is an abstract class). This approach can help you in several situations; for example, think about a service using REST services to get some data, but now there is a new requirement, and you need to get the same data from session storage or local storage. You can create a new class implementing your abstract class and update the property useClass to refer to your new class. Another situation would be if you needed a different implementation on production environments and testing environments. You can find the complete source code here: https://stackblitz.com/edit/angular8-injectiondependency-interface. A final note, you can define a provider in the component definition annotation to inject a specific implementation of your service. TypeScript x 1 @Component({ 2 selector: 'my-app', 3 templateUrl: './app.component.html', 4 styleUrls: [ './app.component.css' ], 5 providers :[{ provide: IGreetingsService, useClass: GreetingsServiceImpl }] 6 }) Further Reading Angular: Everything You Need to Know [Tutorials]. About Dependency Injection.

This tutorial explains how to compile protocol buffers using Maven.

In this article, see how to test for lock table consistency and create shared file systems when deploying high availability for SAP ERP.

In this article, we discuss how to integrate dotenv with NestJs and TypeORM to get you up and going with your Node application configuration.

If your cloud costs are wearing you down, take a look at how you can integrate AWS Athena with you database for better cost usage insight.

In this article, see how to get started using Spring Security to manage authentication and authorization in a Java application.

Take a look at gRPC, an RPC framework released by Google as open source framework that has features such as multiplexing and duplex streaming.

In this article, we provide a brief tutorial on how to remove a BOM character from an Apache Camel exchange message with DSL Java.

Although the services Heroku offers are fully managed services, there are a number of ways to monitor your infrastructure natively or with add-ons.

Learn about Rails 6 and it's multiple databases support and see why you want this support.

In this article, we walk through the GUIs of three major document databases, including MongoDB, RavenDB, and CouchDB.

In this article, some basics behind ethical hacking that anyone looking to become a white hat needs to know.

Learn more about database functional dependency based on relational databases and the importance of database management systems.

In this article we discuss how to build a REST service that can consume any type of request format, including XML and JSON.

This article presents three use case scenarios that provide multiple methods of mapping requests to either one of two available DNSs.

Some pros and cons of running production databases as containers include databases on demand, high disk usage, automated stateless containers, and more.

Learn how to integrate a Google login button to securely log into an application using ReactJS.

In this article, we discuss how to implement client Id enforcement in a Mule application to better manage our API security.

This article demonstrates how you can select an image using the Angular 8 UI, send it to the Spring backend, and retrieve it later from MySQL.

In this article, we’ll discuss how Redisson treats the topic of Java objects, and how you can use Redisson to search for Java objects in Redis.