Используя Angular, я создал таблицу, в которой отображаются данные. Данные поступают из CSV-файла, который анализируется библиотекой Papa Parse. Мои данные почти сразу доступны в консоли, но для отображения в таблице требуется около 10 секунд. Вот код таблицы:
<div class = "table-responsive" *ngIf = "searchData?.length" style = "padding-bottom: 10px;">
<table class = "table table-striped table-sm">
<thead>
<tr>
<th *ngFor = "let header of headers">{{header}}</th>
</tr>
</thead>
<tbody>
<tr *ngFor = "let record of searchData; let i = index">
<ng-container *ngIf = "((i && !searchOn) || searchOn) && record.length > 1">
<td *ngFor = "let index of indexes; let x = index">
<a *ngIf = "x == 3" href = "{{record[index]}}" target = "_blank">{{record[index]}}</a>
<ng-container *ngIf = "x != 3">{{record[index]}}</ng-container>
</td>
</ng-container>
</tr>
</tbody>
</table>
</div>
Я хочу отображать счетчик загрузки, пока таблица загружается, но мне нужно будет прослушивать, когда данные загружаются в DOM. Как я могу это сделать?



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


У вас уже есть *ngIf = "searchData?.length", так что это будет работать, когда данные будут загружены. Теперь вам нужно показывать счетчик только при загрузке данных... Просто добавьте еще одно условие if, если оно есть not:
<div *ngIf = "!searchData?.length">Loading...</div>