[Ionic v4] Ugly modal transition when loading data in ionViewWillEnter or ngOnInit

[peterpeterparker]

Ionic Info
@ionic/angular: "4.0.0-beta.0"

Describe the Bug
Loading data in modals in lifecycle ionViewWillEnter or ngOnInit result in an ugly transition. As long as the data won't be loaded the modals won't be totally rendered, respectively the content and background of the modal will remains transparent

Screenshots

Open the modal:

Transition:

As you could see, title of the modal is rendered, modal is opened but content and background aren't rendered

Code and demo repo

git clone https://github.com/peterpeterparker/ion-title-component

Workaround
Load data afterwards respectively in lifecycle ionViewDidEnter

Expected Behavior
As in Ionic v3, I want to be able to load data earlier than only when modal is rendered otherwise my users will always face loading spinner or something and wait time and will at the end have the feeling that the app is slow

[cvaliere]

@peterpeterparker should we still use ionViewDidEnter in Ionic v4?
This paragraph is definitely unclear to me. They say that Some of the Ionic lifecycle events are equivalent to Angular lifecycle hooks, but they don't see which ones... Any clue on that?

[peterpeterparker]

@cvaliere my understanding is that ionViewWillEnter or ionViewDidEnter are still a thing (my migrated app still rely on them)

on the other side, as described in the the paragraph you mentioned, ionViewDidLoad has been deprecated and even don't exist anymore. To replace it, ngOnInit should be used

[peterpeterparker]

It just works like a charm in v4-beta.7 👍
Thx a lot

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.