How to get streams of data in angular

Question

I am trying to get a stream of data displaying on my console, but I'm probably not aware of the right tools. If I try to get the data from curl it works fine and looks like this:

C:\Users\user>curl localhost:8080/slow/5
5
4
3
2
1
0

C:\Users\user>

First I tried to use a standard http get request,

constructor(
    private http: HttpClient,
    private ngzone: NgZone
) {
  this.http.get('/slow/5').subscribe(x => console.log(x))
}

and this is the error I get after 5 secs:

error: Object { error: SyntaxError, text: "5\n4\n3\n2\n1\n0\n" }

I tried to use the EventSource method, but that doesn't even manage to connect it. Proxies work fine. Any ideas?

Tobias S. · Accepted Answer · 2022-11-07 11:37:59Z

1

Angular's HTTP client does currently not support streaming. There was a feature request for this but it was declined. The HTTP client of Angular uses XMLHttpRequest internally which does also not support streaming.

If you still want to stream the response data, you will have to use the native fetch API which does support streaming. See MDN.

edited Nov 7, 2022 at 11:37

answered Nov 7, 2022 at 10:17

Tobias S.

24.3k7 gold badges37 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ali Celebi · Accepted Answer · 2022-11-07 09:37:54Z

0

Please check this Stackblitz example where a dummy stream of data is setup using the of operator from RxJs.

You can see how that stream of data is subscribed in the app.component.ts, in order to print out its values in the console.

answered Nov 7, 2022 at 9:37

Ali Celebi

1,0281 gold badge13 silver badges25 bronze badges

1 Comment

Heligo Over a year ago

It's a bit different from my case, coz here the stream is already present. In the curl console a value if printed every second, which means that angular needs to listen to the source for 5 secs.

Collectives™ on Stack Overflow

How to get streams of data in angular

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related