Aurelia JS - Making a synchronous HTTP request, to change data before page load?

Question

I\'m working with the contact list tutorial:

• http://aurelia.io/hub.html#/doc/article/aurelia/framework/latest/contact-manager-tutorial/1

... and I w

Answer 1

Well, I finally managed to make an async call which updates the GUI, as recommended by @LStarky; note that in order to do that, one must ensure ContactList class is a single instance class, so that there is only one property contacts whose binding updates the HTML GUI.

However, since all of this was a bit of a hacky guesswork, it would still be nice to get a proper answer from someone.

The single instance issue described in:

• Aurelia - accessing updated class properties from injection?

For reference, I've left the working example saved as a gist.run here:

• https://gist.run/?id=f4bd01c99f9973cb76d8640f6248c2e3

... so basically, after the two alerts, the shown contacts will get updated with the data obtained from the PHP page.