Add HTTP Client

Code changes

HttpClient Module

The HttpClientModule is a built-in Angular module that allows you to send HTTP requests to a server. It provides an HttpClient service that you can inject into your services to make HTTP requests.

1. Import HttpClientModule in the src/app/app.module.ts file.

   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. Inject the HttpClient service in the src/app/task.service.ts file.

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