@Tojtek: A jeśli potrzebujesz zmodyfikować te dane między otrzymaniem ich z serwera a trafieniem ich do subskrybentów, możesz użyć pipe'ów, przez które dane ze źródła (w tym przypadku żądanie HTTP) przepływają i mogą ulegać przekształceniom.

@Bruno_: Metody HttpClienta zwracają obserwowalne obiekty, które w usłudze powinieneś zwrócić takie jakie są, bez blokowania wątku awaitem. W komponencie wywołujesz metodę, a do tego co zwróci (obserwowalne źródło danych) podpinasz się metodą subscribe. Oficjalne docsy Angulara opisują i taki przypadek, gdy chcesz wydzielić żądania HTTP do usługi i potem tego użyć.

@Bruno_: tutaj coś podobnego (obiekt pokazuje się jako pusty ale można wyciągnąc wartość i tak)
app.component.ts : https://codesandbox.io/s/r4z16jy36o

@Bruno_: Jeśli koniecznie chcesz przejść na async/await to wywołaj .toPromise() na http.get().
Wtedy możesz zrobić

let response: number = await http.get(...).toPromise(); resp.push(response); return resp;

I ogólnie to theny w 12. i 27 linijce są zbędne ;)

@Battis: @Tojtek: teraz działa xD https://pastebin.com/8eK2CPP4

@Tojtek: poczytam na spokojnie, potem moze refactor zrobie, ale i tak w sumie już konczę ten projekt a następny w vue

@Bruno_ : Ogólnie reaktywne podejście do przepływu danych w aplikacji jest fajne i nie jest ograniczone do Angulara. :D

@Tojtek: jakiego wątku? await to taka nadbudowka zwykłych promisow, oparta na generatorach, tam nie żadnej magii i blokowania wątków, kto wam takich głupot naopowiadal?

@veranoo: Poleciałem skrótem myślowym, mea culpa. ;)

@Tojtek: spoko, powielanie takich informacji jest bardzo szkodliwe