Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular 2-在等待http请求完成时,如何阻止GUI渲染_Javascript_Angularjs_Html_Angular_Typescript - Fatal编程技术网

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

Javascript Angular 2-在等待http请求完成时,如何阻止GUI渲染,javascript,angularjs,html,angular,typescript,Javascript,Angularjs,Html,Angular,Typescript,可以等待呈现GUI/组件,并在任务完成时显示它 像 在浏览器中请求网站 启动从服务器加载一些数据的任务 任务完成后,告诉angular2继续加载所有组件 渲染完成 拉达。。。 拉达。。。 那么阻塞顶部组件,模块中的所有组件都将被阻塞 <div *ngIf="data"> {{content}} </div> <div *ngIf="data"> {{content}} </div> http.get(...).subscribe(

可以等待呈现GUI/组件,并在任务完成时显示它

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

  • 
    拉达。。。
    拉达。。。
    
    那么阻塞
    顶部组件,模块中的所有组件都将被阻塞

    <div *ngIf="data">
      {{content}}
    </div>
    
    <div *ngIf="data">
      {{content}}
    </div>
    
    http.get(...).subscribe(val => this.data = val);