Angular 2 - 如何在等待 http 请求完成时阻止 GUI 渲染答案

【问题标题】：Angular 2 - How can I block GUI rendering while waiting on http request to finishAngular 2 - 如何在等待 http 请求完成时阻止 GUI 渲染
【发布时间】：2017-01-21 22:34:41
【问题描述】：

可以等待渲染 GUI/组件并在任务完成时显示它。

喜欢

在浏览器中请求网站。
开始从服务器加载一些数据的任务。
任务完成后，告诉 angular2 继续加载所有组件。
渲染完成。

</head>
<body>
  <div *ngIf="UserData">
    <app>Laddar...</app>
  </div>
  <div *ngIf="!UserData">
    Laddar...
  </div>
</body>
</html>

那么阻塞<app>顶级组件，模块中的所有组件都会被阻塞？

【问题讨论】：

标签： javascript angularjs html angular typescript

【解决方案1】：

<div *ngIf="data">
  {{content}}
</div>

http.get(...).subscribe(val => this.data = val);

【讨论】：