У меня есть приложение angular7 со списком, если элементы загружены на главном экране.Данные поступают с сервера через Httpcall.Проблема в том, что в списке много анимаций (я использую ngLottie).Я хотел бы отобразить загрузочный держатель для каждого элемента в списке, пока элемент не будет полностью загружен.из моей папки ресурсов есть много вызовов для получения анимации json ![enter image description here](https://i.stack.imgur.com/DQ7Hl.png)
, как вы можете видеть, этот вызов происходит много раз.http-вызов с сервера происходит довольно быстро, поэтому я не могу использовать его для своей загрузки.
![enter image description here](https://i.stack.imgur.com/OyyCc.png)
я также использую 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](https://i.stack.imgur.com/dnwDQ.png)
Есть ли способ отобразить заполнитель, пока все данные не будут полностью готовы?и не с сервера, потому что сервер возвращается быстро, как я говорил до
, вся эта область приложения очень медленная и экран не реагирует.могу ли я сделать его более отзывчивым для пользователя?