Javascript Ng重复和同位素，can'；无法检测是否加载了图像

关于如何检测repeat指令中是否显示最后一项，我找到了许多答案

我使用了指令方法，将一个事件链接到所有重复的元素，并观察

$scope.$last

以查看是否已经显示，然后广播一个事件，并在控制器中捕获它，在那里我使用

ImageLoaded

以查看是否加载了图像，并激发

同位素布局（）

但图像仍然与其他元素重叠，我不知道如何避免这种情况

在角度

ng repeat

指令中发射同位素的最佳方法是什么

//编辑

下面是一个例子：，如果你稍微改变一下类别，你可以看到它破碎了：((((

这是我的看法

<div id="clasificados" class="clasificados container-fluid">
    <div class="col-lg-2"></div>
    <div ng-repeat="clasificado in clasificados.clasificados | offset: clasificados.getOffset() | limitTo: 80 track by clasificado.id" ng-class="clasificados.bootstrapClass(clasificado)" on-finish-render="on-finish-render" ng-cloak="" class="ng-cloak clasificado">
    <div ng-if="clasificados.conArte(clasificado)"><img width="100%" src="http://cdn5.diarioepoca.com/{{clasificado.imageJob.pathConvertido}}" ng-show="clasificado.imageJob.pathConvertido"/><img width="100%" src="http://cdn5.diarioepoca.com/ClasificadosPNG/app/1.png" ng-hide="clasificado.imageJob.pathConvertido"/></div>
    <div ng-if="!clasificados.conArte(clasificado)" ng-bind-html="clasificado.TextoHTML"></div>
    <div class="codigoclcontainer"><small class="codigocl">{{ clasificado.CodigoAviso }}</small></div>
</div>

这是我的指令 当最后一项出现在屏幕上时发出通知

angular.module('app').directive('onFinishRender', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
             scope.$watch('$last', function(v) {
                if (v) {
                    $timeout(function() {
                        //console.clear();
                        scope.$emit('ngRepeatFinished');
                    });
                }
            }, true);
        }
    }
});

---

到目前为止你都做了些什么？请添加一些代码或小提琴我已经添加了一些代码和一个示例First time loads ok，但是如果你稍微更改一下类别，它就会崩溃，对不起我的英语

angular.module('app').directive('onFinishRender', function ($timeout) {
    return {
        restrict: 'A',
        link: function (scope, element, attr) {
             scope.$watch('$last', function(v) {
                if (v) {
                    $timeout(function() {
                        //console.clear();
                        scope.$emit('ngRepeatFinished');
                    });
                }
            }, true);
        }
    }
});