What are some examples of dependency injection in Angular?

What are some examples of dependency injection in Angular?

Dependency injection in Angular allows you to create services and inject them into components. For example, you can create a logging service and inject it into multiple components to log messages.

Can you give me a code example of how to implement a service?

Sure! Here's a simple example:

import { Injectable } from '@angular/core';

@Injectable({ providedIn: 'root' })
export class LoggingService {
  log(message: string) {
    console.log(message);
  }
}

You can then inject this service into a component like this:

import { Component } from '@angular/core';
import { LoggingService } from './logging.service';

@Component({ selector: 'app-example', template: '<p>Example Component</p>' })
export class ExampleComponent {
  constructor(private loggingService: LoggingService) {
    this.loggingService.log('Example component initialized!');
  }
}

What are the benefits of using dependency injection?

The benefits include improved code modularity, easier testing, and better separation of concerns, making your application more maintainable.

Are there any common pitfalls to avoid?

Yes, common pitfalls include overusing dependency injection, which can lead to complex code, and not properly managing the lifecycle of services.