Анимация загрузки углового шоу при разрешении первого компонента

Question

Я реализовал загрузочную анимацию, которая показывает спиннер, реагирующий на события маршрутизатора Angular (NavigationStart, NavigationEnd), который работает хорошо. Но первому компоненту, который изначально вызывается и который может иметь распознаватель, извлекающий данные из API, иногда требуется более 2 секунд для загрузки. Но я не получаю никаких событий маршрутизатора, поэтому анимация загрузки не отображается. Кроме того, когда компонент разрешен, на маршрутизаторе нет событий. Есть идеи, как реализовать индикатор загрузки для первого вызываемого компонента?

Проверьте этот поток:

1. AppComponent загружается

2. После загрузки AppComponent анимация загрузки из index.html пропала (это хорошо)

3. Маршрутизация определяет, какой компонент загружать.

4. Resolver для этого компонента начинает извлекать данные из API.

5. Не отображается анимация загрузки, поскольку маршрутизатор не генерирует никаких событий в это время.

6. Выполнение резольвера и загрузка компонента.

7. Переключение компонента через маршрутизацию.

8. Маршрутизатор генерирует событие (отображается анимация загрузки)

Примечание: я тоже получил анимацию загрузки в моем index.html, но это не то, что я ищу ...

Answer 1

Исправлено следующее:

У router-outlet есть Вывод (активировать) = "активировать ($ событие)", который я мог бы использовать, чтобы скрыть дополнительную информацию о загрузке.