Вообще правильнее всего вынести эти запросы в сервис и импортировать туда HttpClient.
import { HttpClient } from '@angular/common/http';
Далее инжектим его в конструктор сервиса:
constructor(private http: HttpClient) {}
После делаем нужный метод для запроса (в данном примере пусть возвращает Observable с массивом любых данных):
getServices(): Observable<Array<any>> {
return this.http.get<Array<any>>(`адрес реста`, {headers:{ 'Content-Type':'application/json' , и так далее}});
}
Объект с хеддерами вообще опциональный и есть несколько вариантов, как их добавлять, но этот подходит по твоему примеру.
Дальше импортишь свой сервис в компонент и инжектишь в конструктор этого компонента:
constructor(private service: ИмяСевриса) {}
Дальше в нужном хуке, например в ngOnInit() вызываешь метод и подписываешься:
ngOnInit() {
this.service.getServices().subscribe( next => ну и дальше все, как обычно);
}
