javascript - 在使用 Angular 2 显示内容之前完全加载内容

Question

在 Angular 组件中，我从服务http调用生成图像，然后我想将其显示在网站上。然而，生成图像所需的时间比加载网站所需的时间更长。

因此，我被迫额外刷新几次才能在最终加载时查看/显示实际图像。

如何让 ngOnit 在显示页面之前等待所有内容生成并加载？

this.someService.generateImage().subscribe(x => {
    console.log('Image is now in folder')}

我希望页面在此次调用之后显示。

有什么提示吗？

Answer 1

You can do like this:

标记:

<div *ngIf="!isLoading">
   // do not show till loading
</div>

组件:

isLoading = true;

this.someService.generateImage().subscribe((x) => {
   console.log('Image is now in folder')
   this.isLoading = false;
})