HttpClient

Для взаємодії з сервером і відправлення запитів по протоколу http застосовується клас HttpClient. Цей клас визначає ряд методів для відправки різного роду запитів: GET, POST, PUT, DELETE. Даний клас побудований поверх стандартного об'єкта в JavaScript - XMLHttpRequest.

Щоб розпочати користуватися HttpClient класом нам потрібно підключити HttpClientModule

app.module.ts

// ...
import { HttpClientModule }   from '@angular/common/http';
 
@NgModule({
    imports:      [
        // ...
        HttpClientModule
    ],
    declarations: [ AppComponent],
    bootstrap:    [ AppComponent ]
})
export class AppModule { }

Об'єкт HttpClient, при відправці різного роду запитів, повертає нам RxJs Observable об'єкт.

Завдання

Для правильної роботи з XMLHttpRequest нам потрібно мати якийсь restAPI. З емулюємо його з допомогою json-server.

• Встановити npm json server

• Підключити в todo сервісі HttpClient та зробити запти в базу даних. (GET, POST, DELETE, PUT)