如果没有从角度2的api接收数据，我希望我的组件不呈现

Question

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

有没有办法等待，直到没有收到数据，这样用户才能看到没有导航菜单的页面？

Answer 1

您可以将adapter.notifyDataSetChanged(); 或*ngIf放入视图部分，直到从Web API加载数据， 数据成功后，您可以像这样切换变量和查看数据

[hidden]

在BoxListContainer

上的视图部件设置条件中

viewData: boolean = false;

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

Answer 2

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