Angular 2 - 如何在等待http请求完成时阻止GUI呈现

时间:2016-09-14 07:43:24

标签: javascript angularjs html5 angular typescript

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

  1. 在浏览器中请求网站。
  2. 启动从服务器加载某些数据的任务。
  3. 任务完成后告诉angular2继续加载所有组件。
  4. 渲染完成。
  5. </head>
    <body>
      <div *ngIf="UserData">
        <app>Laddar...</app>
      </div>
      <div *ngIf="!UserData">
        Laddar...
      </div>
    </body>
    </html>
    

    所以阻止<app>顶级组件,模块中的所有组件都将被阻止?

1 个答案:

答案 0 :(得分:1)

<?php
$basePath = $_SERVER['DOCUMENT_ROOT'].'/Hoidja.ee/Dashboard/';

echo ('<script src='.$basePath.'assets/js/gsap/main-gsap.js"></script>');
echo ('<script src='.$basePath.'assets/js/resizeable.js"></script>');
echo ('<script src='.$basePath.'assets/js/neon-api.js"></script>');
echo ('<script src='.$basePath.'assets/js/neon-custom.js"></script>');

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