I have two DIV elements on my data gathering form. The first one provides a question and six opinion buttons with an event handler. A click will temporarily hide the first form and reveal a second one (the second DIV) which has three buttons. After the user presses any of the buttons the data is saved and the first div is revealed with a fresh question. This sounds simple but it only works for the first question.
When the first DIV is hidden and shown (by an *ngIf rule) all the buttons lose their event handlers and from the second question on the buttons in the first div will not fire any events. Is this ‘per design’ or could it be a bug? There being no events for ngIf-unhiding/rendering recreating the handlers must be done using timeout() which is neither reliable nor fast.
We have found hiding/showing containers the most convenient way because a reseach sometimes has 500+ questions and switching must be very fast without any fancy transitions. The only reliable way we have been able to do it in Ionic 4 is by using a ModalController which seems to retain the event handlers. We have run these surveys for years using HTML5 and responsive CSS but would like to test them as PWAs.
I admit I might have missed something, having only used Ionic V3 for one application so far.