Angular 2 render after data loaded / parsed

Question

I have an Angular 2 service that does a basic HTTP call to give me back a JSON Object. Once I have that object I do numerous calculations (in my service) that are needed by multiple components in my App. My problem is the components render before the data is retrieved and parsed.

How do I get my components to not load, until the data is retrieved and parsed?

(I've seen the *ngIf="data" solution, but that seems more like a workaround than a permanent fix?)

I think this is what you're looking for: http://stackoverflow.com/a/38212664/541432 — elvin, Feb 11 '17 at 18:14

score 0 · Accepted Answer · answered Feb 11 '17 at 18:13

0

There are few valid ways:

initialize fields with defaults i.e. []
Use *ngIf
Use css visibility:hidden
Use Resolver guard to fetch and process data.
Use NgComponentOutlet and create component dynamically.

answered Feb 11 '17 at 18:13

kemsky

14,727
3
32
51

Angular 2 render after data loaded / parsed

1 Answers1