angularjs - 如何确定 AngularJS 何时完成渲染所有组件和指令

Question

当 AngularJS 完成所有路由、组件和指令的渲染后，有什么方法可以运行脚本吗？

例如，当所有带有 templateURL 的组件和指令都完成渲染时。

Answer 1

$timeout在 DOM 完成渲染后需要执行某些操作时，这是最好的方法：

$timeout(function() {

});

http://lorenzmerdian.blogspot.de/2013/03/how-to-handle-dom-updates-in-angularjs.html

Answer 2

如果是出于显示目的，您可以使用 hengCloak指令。

根据 Angular 文档，它用于防止 Angular html 模板在您的应用程序加载时被浏览器以原始（未编译）形式短暂显示。使用该指令可以避免 html 模板显示引起的不良闪烁效果。

您也可以使用$http.pendingRequests.

Answer 3

请使用$timeout延迟为 0 毫秒的服务：

$timeout(function() {
   //this code will be invoked when all directives and components will be rendered
});