在Angular2中注入大量HTML期间的微调

Question

在我的Angular应用程序中，我有一个开关，导致将大量html数据注入到页面中。 注入大约需要1-2秒，我想知道是否有可能实现微调器，以告知用户视图正在渲染。

我看到很少有基于打字稿代码的实现，但是都不适合我的情况。 我只想在可能的情况下这样做。

<table (click)="switch.active=!switch.active">
<tr *ngFor="condition"></tr> //here I have about 500 rows
</table>

Answer 1

您可以使用ng-show或ng-hide获得效果。 根据通过js部件完成数据加载的时间，将条件设置为true。 我不知道您如何获取数据，但是可以在此处放置一个条件以查看何时完成，然后更新ng-show条件，直到数据id加载显示微调框为止。

您还可以尝试为每行放置加载程序，以便用户即使未完全加载数据也可以看到数据。

    <table (click)="switch.active=!switch.active">
    <div class="spinner" ng-show="true condition till data is loading">
    </div>
    <tr *ngFor="condition" ng-show="(negate false) condition when loading complete"></tr>
    </table>