Как заставить мою функцию javascript ждать рендеринга html-элемента

Question

В приложении AngularJS есть одно приложение для страницы. Вложенные вкладки. Во внутренней вкладке есть кнопка, на которой запускается какое-либо событие. Мне нужно вызвать событие щелчка этой кнопки, присутствующего на внутренней вкладке. Кнопка получает визуализацию после отображения обеих вкладок. Каков наилучший способ подождать, пока появятся вкладки и кнопка.

Я попытался использовать «while loop» (т. Е. Продолжать цикл до тех пор, пока идентификатор для кнопки не определен) и $ timeout (установить тайм-аут на 2-3 секунды), но оба имеют свои последствия, когда есть задержка в отображении вкладок.

Просьба предложить, если существует лучший подход.

Answer 1

Вы можете сделать это с JQuery: $(document).ready(callbackFn);

или родной JS:

document.addEventListener('readystatechange', function onReadyStateChange() { if (document.readyState !== "complete") return; callbackFn(); }, false);