Angular - Wait for ngFor to update DOM

Question

Using Angular 7:

I'm using ngFor to bind an Array of objects to rows in a table. Immediately after pushing a new row I need to call another function which requires that new row having been rendered, but the rendering process is (i assume) asynchronous with my code, so the next function executes and cannot find the new row.

How do i wait for Angular to finish updating?

Answer 1

Please wrap your function inside a setTimeout(fnHere, 0) expression. Doing this, the browser will just execute your fn immediately when it breathes a bit (immediately after finished rendering - your code will be queued up until the Browser's engine empties the current call stack).