How to load an Angular component only after making a request to the server?

Question

Angular

I have a component. When it is called, a get request occurs (for example, from a constructor or ngOnInit). It turns out that while we are waiting for the results of this request (executing code from subscribe), our component is already displayed on the user's page. How can I make the component not render until the request ends and the result of the request has been processed?

Answer 1

<app-component *ngIf="show"></app-component>

public show: boolean;
this.doRequest().subscribe(() => this.show = true));

Answer 2

Look towards Resolve