http persist call outside Angular zone

Question

I'm trying to figure out how NgZone works. Does the following example make sense? I read that every xhr call triggers the change detection. So this seems meaningful to me. Is it?

persistData() {
  this.ngZone.runOutsideAngular(() => {
     this.http.callBackend...  // return value is not relevant
  });
}

Did my answer answered your question? – Raz Ronen Feb 07 '21 at 05:33 — Raz Ronen, Feb 07 '21 at 05:33

score 0 · Answer 1 · answered Jan 28 '21 at 16:52

Yes it is, it means Angular won't run change detection when the callBackend returns.

But you need to make sure that you handle all the updates you are looking for on your own.

Angular uses zone.js. zone.js wraps all the asynchronous operations (including XHR change event which includes your case) and then trigger a change detection. If you have a LOT of async operations then change detection might occur to often and you'll feel it in ongoing performance, everything will be slow.

http persist call outside Angular zone

1 Answers1