Suggest an edit

Improve this article

Refine the answer for “How does a component receive dependencies through the constructor?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

In Angular, a component receives dependencies through **Dependency Injection (DI)**, by passing them into the class **constructor**.

## How it works

1. Parameters with the types of the services the component needs are added to the component's constructor.
2. Angular checks the **injector** (module or component), looks for the matching service, and creates an instance of it (or takes an existing one).
3. After that, the service becomes available in the component through the property defined in the constructor.

Example:

```typescript
import { Component } from '@angular/core';
import { DataService } from './data.service';

@Component({
  selector: 'app-example',
  template: `<p>{{ data }}</p>`
})
export class ExampleComponent {
  data: string;

constructor(private dataService: DataService) {
    this.data = this.dataService.getData();
  }
}
```

> Conclusion: Angular automatically creates and injects service instances through the constructor, freeing the developer from manually creating dependencies.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts136 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.