javascript - 如何让我的 javascript 函数等待 html 元素渲染

Question

AngularJS 中有一个单页面应用程序。它有嵌套选项卡。在内部选项卡中有一个按钮，在该按钮上会触发一些事件。我需要触发内部选项卡上存在的此按钮的单击事件按钮在呈现两个选项卡后呈现。等待选项卡自行渲染并且按钮可用的最佳方法是什么。

我尝试使用“while循环”(即继续循环，直到按钮的id未定义)和$timeout(将超时设置为2-3秒)服务，但当选项卡呈现延迟时，两者都会产生后果。

请建议是否有更好的方法。

Answer 1

自从提出这个问题以来，情况发生了很大变化，所以现在有一个更好的解决方案。

requestAnimationFrame(() => {
   // this will be called just before the next video frame.
   // That will be after any changes to the DOM have been completed.
});

文档在这里... https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame