代码之家  ›  专栏  ›  技术社区  ›  KLTR

角度7性能

  •  0
  • KLTR  · 技术社区  · 5 年前

    我有一个angular7应用程序,如果在主屏幕中加载项目,它会列出一个列表。数据通过Httpcall来自服务器。问题是列表中有很多动画(我使用ngLottie)。我想为列表中的每个项目显示一个加载文件夹,直到项目完全加载为止。我的assets文件夹中有许多调用来获取json动画 enter image description here

    正如你所看到的,这个电话经常发生。来自服务器的http调用速度非常快,所以我无法使用它进行加载。

    enter image description here

    我也使用 cdk-virtual-scroll

    <ul class="sources-list">
        <p *ngIf="filteredSources.length === 0" class="no-items">No sources {{filterValue | lowercase}}</p>
        <cdk-virtual-scroll-viewport style="height: 100%" itemSize="12">
          <ng-container *cdkVirtualFor="let source of filteredSources; trackBy: trackFn">
            <app-source-cube [source]="source"></app-source-cube>
          </ng-container>
        </cdk-virtual-scroll-viewport>
      </ul>
    

    enter image description here

    在所有数据完全准备好之前,有没有办法显示占位符?而不是从服务器返回,因为服务器返回的速度很快,就像我之前说的那样

    0 回复  |  直到 5 年前