> For the complete documentation index, see [llms.txt](https://guide-angular.wishtack.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide-angular.wishtack.io/angular/dependency-injection/injection-dun-service-angular.md).

# Injection d'un Service Angular

## Qu'est-ce qu'un service Angular ?

Avec Angular, **une dépendance** est généralement l'instance d'une classe permettant de **factoriser certaines fonctionnalités** ou d'**accéder à un état** permettant ainsi aux composants de communiquer entre eux.

Dans le vocabulaire Angular, ces classes sont appelées "**services"**.

Les services sont le plus souvent **des singletons**. Cf. [Portée des Services](/angular/dependency-injection/portee-des-services.md).

## Injection d'un service Angular

Un service Angular peut être injecté par n'importe quelle classe Angular *(i.e. : composant,* [*Directive*](/angular/directives.md)*,* [*Service*](/angular/dependency-injection/services-and-providers.md) *ou* [*Pipe*](/angular/pipes.md)*)* via les paramètres de son constructeur.

{% tabs %}
{% tab title="book-preview\.component.ts" %}

```typescript
@Component({
    ...
})
export class BookPreviewComponent {

    constructor(private _httpClient: HttpClient) {
    }

}
```

{% endtab %}
{% endtabs %}

{% hint style="info" %}
Vous remarquerez l'utilisation des [TypeScript Parameter Properties](/typescript/typing-des-proprietes.md#raccourci-pour-les-parametres-ordonnees-du-constructeur) afin de copier le service `HttpClient` dans la propriété `_httpClient`.
{% endhint %}