我希望我的组件在角度2中未从api接收不到数据时不渲染

Question

在我的angular 2应用程序中，我正在借助Web API从数据库中获取导航数据。 我已经在导航组件的ngOnInit函数中编写了从Web API获取数据的代码。

有什么方法可以一直等待，直到没有收到数据，这样用户才能在没有导航菜单的情况下看不到页面？

Answer 1

您可以在视图部分中放置*ngIf或[hidden] ，直到从Web API加载数据*ngIf ，一旦数据成功获取，您就可以像这样切换变量并查看数据

viewData: boolean = false;

ngOnInit(){
  ...httpCall(){
    if(success)
      this.viewData = true;
  }
}

在BoxListContainer上的视图部件设置条件中

<div *ngIf='viewData'>
  ....... your content here
</div>

Answer 2

在OnInit函数中，随着内容加载，使用微调器禁用整个页面。 对API进行HTTP调用，并在完整的回调中禁用微调器。