Ajoutez HTTP Client

Objectifs de ce chapitre

• ✔️
  Ajoutez HTTP Client

  Découvrez comment ajouter HTTP Client pour communiquer avec le faux serveur API.

Module HttpClient

Le HttpClientModule est un module Angular intégré qui vous permet d’envoyer des requêtes HTTP à un serveur. Il fournit un service HttpClient que vous pouvez injecter dans vos services pour effectuer des requêtes HTTP.

🎓 Instructions

1. Importez HttpClientModule dans le fichier src/app/app.module.ts.

   import { BrowserModule } from '@angular/platform-browser';
   import { NgModule } from '@angular/core';
   
   import { HttpClientModule } from '@angular/common/http';
   import { AppComponent } from './app.component';
   
   @NgModule({
   declarations: [
   AppComponent
   ],
   imports: [
   BrowserModule,
   
   HttpClientModule
   ],
   providers: [],
   bootstrap: [AppComponent]
   })
   export class AppModule { }

2. Injectez le service HttpClient dans le fichier src/app/task.service.ts.

   import { Injectable } from '@angular/core';
   
   import { HttpClient } from '@angular/common/http';
   
   @Injectable({
   providedIn: 'root'
   })
   export class TaskService {
   
   constructor(private http: HttpClient) { }
   }

Astuce

Où placer la ligne du constructor dans une class Angular ? Les pratiques recommandées pour l’ordre des éléments d’une class Angular sont les suivantes :

1. Variables
2. Constructeur
3. Fonctions

✔️ Ce que vous avez appris

HttpClientModule est un module Angular intégré qui vous permet d’envoyer des requêtes HTTP à un serveur. C’est l’un des premiers modules ajoutés à une application Angular réelle pour communiquer avec un serveur. Dans les prochains chapitres, nous l’utiliserons pour communiquer avec le faux serveur API afin de récupérer et de mettre à jour les tâches.