Событие срабатывания при завершении рендеринга dom angular 10

#javascript #html #angular #typescript

#javascript #HTML #angular #typescript

Вопрос:

У меня есть массив, в котором много элементов, и он отображается на экране с помощью * ngFor definex в html компонента angular. Это работает правильно. Но… Позже я должен запустить код с jquery, когда он будет завершен… Кстати, как я могу узнать, когда dom этого компонента angular завершен? Одним из вариантов является запуск кода по истечении X секунд, но требуемое время отличается на разных устройствах. Я использую angular 10, спасибо

Комментарии:

1. Для этого должно быть достаточно AfterViewInit, angular.io/guide/lifecycle-hooks

2. Полезно, если данные доступны при создании компонента, но, например, данные, которые получены с сервера… AfterViewInit запускается до завершения http-запроса… поэтому мне нужен другой способ, чтобы узнать, когда завершится рендеринг элементов angular * ngFor.

3. Извлеките данные из родительского компонента и передайте их дочернему через ввод, после чего вы все равно сможете использовать AfterViewInit. Не забудьте условно отобразить дочерний элемент с помощью ngIf в зависимости от данных.