HTTP-клиент в Angular

В этом уроке рассматривается использование HTTP-клиента Angular для взаимодействия с API, что позволяет легко получать и отправлять данные.

Что такое HTTP-клиент

HTTP-клиент — это встроенный модуль Angular для взаимодействия с серверными службами посредством HTTP-запросов.

Импорт HttpClientModule

Импортируйте HttpClientModule в модуль приложения, чтобы начать использовать HTTP-запросы:

import { HttpClientModule } from '@angular/common/http';

Выполнение GET-запроса

Используйте HTTP-клиент, чтобы получить данные из конечной точки API:

this.http.get('https://api.example.com/data').subscribe(data => console.log(data));

Обработка данных ответа

HTTP-клиент возвращает наблюдаемые объекты. Подпишитесь на них, чтобы обрабатывать данные асинхронно:

this.http.get('api/data').subscribe(response => this.data = response);

POST-запрос для отправки данных

Отправляйте данные на сервер с помощью POST-запроса:

this.http.post('api/items', newItem).subscribe(result => console.log(result));

Обработка ошибок

Обрабатывайте ошибки HTTP-запросов с помощью оператора catchError:

this.http.get('api/data').pipe(catchError(error => of('Error occurred'))).subscribe();

Использование заголовков

Добавляйте заголовки к HTTP-запросам, чтобы передавать дополнительную информацию:

const headers = new HttpHeaders().set('Authorization', 'my-auth-token');

Итоги

Вы научились эффективно использовать HTTP-клиент Angular для получения и отправки данных через API. Продолжайте в том же духе!