Page 27 - 6182

В подальшому, будемо використовувати об‘єкти-
спостерігачі, які дозволяють використовувати так званий підхід
"реактивного" програмування.

Команда розробників фреймворку Angular рекомендує
використовувати HttpClientModule для виконання HTTP-запитів,
цей модуль значно спрощує процес відправлення і обробки
результатів запитів.

Розглянемо приклад подачі GET-запиту до зовнішнього
ресурсу з подальшою обробкою даних. В якості зовнішнього
ресурсу було вибрано сервіс Національного банку України, який

надає можливість отримати дані про курси іноземних валют у
форматі JSON, на поточну дату, на конкретну дату і т.п.
Програмний код сервісу наведено на рисунку 3.4.

Рисунок 3.4 – Приклад використання HttpClientModule

У вище наведеному коді, в конструкторі сервісу ін‘єктується
сервіс HttpClient з модуля HttpClientModule. В об‘єкті HttpClient є

ряд методів для роботи з HTTP запитами один із них get для подачі
запиту методом GET. Як видно із програмного коду, який
наведений на рисунку 3.4, метод getData() оголошений таким

чином, що повертає об‘єкт Observable.

27