Попытка вызвать остальные API с помощью Get в Angular 5

Question

import { Component, OnInit } from '@angular/core';
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
configUrl = '/config.json';

getConfig() {
  return this.http.get(this.configUrl);
}
@Component({
  selector: 'app-rest',
  templateUrl: './rest.component.html',
  styleUrls: ['./rest.component.css']
})

@Injectable()
export class RestComponent  {
  constructor(private http: HttpClient) { }
} 

Я настроил URL в config.json

{
  "heroesUrl": "http://xx.xxx.xx.xxx:3001/getAllData"  
}                                            

Я вызываю остальные API с использованием heroesUrl в другом файле, и я связал файл в моей главной папке, но я получаю ошибки, пожалуйста, помогите мне вызвать остальные API в угловом

Answer 1

Поместите http.get в код вашего компонента,

export class RestComponent  {
  constructor(private http: HttpClient) { }
  getConfig() {
   return this.http.get(this.configUrl);
  }
}