Angular 7 Performance - PullRequest
       11

Angular 7 Performance

0 голосов
/ 11 февраля 2019

У меня есть приложение angular7 со списком, если элементы загружены на главном экране.Данные поступают с сервера через Httpcall.Проблема в том, что в списке много анимаций (я использую ngLottie).Я хотел бы отобразить загрузочный держатель для каждого элемента в списке, пока элемент не будет полностью загружен.из моей папки ресурсов есть много вызовов для получения анимации 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

Есть ли способ отобразить заполнитель, пока все данные не будут полностью готовы?и не с сервера, потому что сервер возвращается быстро, как я говорил до

, вся эта область приложения очень медленная и экран не реагирует.могу ли я сделать его более отзывчивым для пользователя?

...