Tracking when dynamic structure of componentes is fully rendered in Angular

I have a nested structure of compononents in form of JSON that i receive from API.

componentStructure$ = apiCall();


the JSON looks like

structure = {
component,
innerComponents: [{
component,
...
}]}


Then the structure is being created via methods like:

createComponent()


and viewContainerRef. The problem is I need to be 100% certain that the whole structure was created and attached in order to perform additional operation. I was trying to use appRef.isStable observable but it was to no avail.

What would be a proper way of ensuring that the structure is created with 100% certainty so I can perform additional operations.

Continue reading...