angular监听图片加载完成_angular监听dom渲染完成，判断ng-repeat循环完成

一、前言

最近做了一个图片懒加载的小插件，功能需要dom渲染完成后，好获取那些需要懒加载的dom元素。那么问题来了，如果只是感知静态的dom用ready，onload都可以，但项目用的angular，ng-repeat什么时候循环完，或者说angular自身的生命周期中dom渲染完成怎么知道，这里做个解决问题的记录。

二、网上流传的解决方案

1.data-ng-init---无效

大概意思是，给你需要监听的dom，比如body添加一个data-ng-init属性，绑定你需要在body加载完成后执行的方法。

$scope.load= function() {//dosomething

};

我查了下资料，在stackoverflow中找到了相关介绍，data-ng-init本质是ng-init，只是在对于H5之前，ng写法会报错，为了解决这个错误而添加data前缀达到兼容的写法，所以本质还是ng-init。

在HTML5开始之后，像Visual Studio这样的代码编辑器突出显示'ng-'，这是无效的。但实际上它是有效的，所以有一种方法可以让代码编辑器通过在前面加上'data-ng- *'来理解AngularJS的属性是有效的。

因此，当在任何HTML5代码编辑器中使用前缀时，它不会强调属性并将它们视为有效。

这是'data- *'前缀的最初目的。-----点我跳转原回答

那我们就改为ng-init测试下，当我执行ng-init中的代码时，是不是连angular自身的动态dom都加载完成了。

我将ng