Angular 2 - 如何在等待 http 请求完成时阻止 GUI 渲染
Posted
技术标签:
【中文标题】Angular 2 - 如何在等待 http 请求完成时阻止 GUI 渲染【英文标题】：Angular 2 - How can I block GUI rendering while waiting on http request to finish 【发布时间】：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>***组件，模块中的所有组件都会被阻塞？
【问题讨论】：
【参考方案1】：<div *ngIf="data">
content
</div>
http.get(...).subscribe(val => this.data = val);
【讨论】：
以上是关于Angular 2 - 如何在等待 http 请求完成时阻止 GUI 渲染的主要内容，如果未能解决你的问题，请参考以下文章
Angular 5 Universal 在服务器端渲染期间等待 http 请求返回