Как вернуть ответ от запроса xmlhttp от сервиса в angular?

Question

Я пытаюсь показать ответ от xml httprequest от сервиса в angular.Но он возвращает неопределенное.Я тоже пытаюсь с fetch api.Возвращает тот же

    getResponse() {
        let response
        var xhttp = new XMLHttpRequest();
        xhttp.open("GET", "https://www.api-endpoint.com/get/heros.html", true);
        xhttp.send()

        xhttp.onreadystatechange = function () {
          if (this.readyState == 4 && this.status == 200) {
            response = this.response
          }
        }

    return response 
      }

getResponse(){
    let url="https://www.api-endpoint.com/get/heros.html"
    let response
    fetch(url)
    .then(res=>JSON.stringify(res))
    .then(data=> response=data)

    return response
}