Modals: data not available in the template untill modal is fully shown


#1

It seems like the template doesn’t get the component context until the modal is fully shown, i.e. the modal animation is finished. Has anyone else noticed this?

An example:

I have a simple page that renders an array using *ngFor. The array is defined in the constructor. If I navigate to this page using nav.push, everything looks great, the page animates in already rendered. But when I open the page as a modal instead, it is blank during the animation and the content shows.
All the data is local and super simple, so there is no heavy rendering going on.

It seems like the page is being given some rendering time before being “pushed”, but not when being opened as a modal.

Anyone else noticed this?