Angular：包含完成加载图像后运行JS代码

Question

我想要的是在加载图片时显示加载动画。

基本上我有大系统，所有代码位都是使用ngInclude注入的。 因此，如果我必须构建我感兴趣的位，它将看起来像：

<div ng-controller="MyTabCtrl">
    <div id="preview-panel" waiting-animation="img/loading.gif" waiting-property="isLoadingPreview">
        <ng-include src="htmlInclude" />
    </div>
</div>

而htmlInclude html例如只是一个带有img的div。 当我点击我的不同帖子时，htmlInclude会发生变化。 到目前为止，我加载了低质量的图像，因此加载不是问题 - 它很快。现在我想加载高质量的图像，加载需要一段时间。

所以我加载了所有包含的html（文本，按钮等），片刻会在一段时间后被替换。

我试图弄清楚我在其他问题中发现的不同事件，但它们似乎并不适合我。加载完全没有出现，或者即使在加载完成后也会出现并保持在那里。

我尝试过的一些东西是：

$scope.$on('$includeContentLoaded', function () {
    $scope.isLoadingPreview = false ;
});

或

$scope.$on('$viewContentLoaded', function() {
    $scope.isLoadingPreview = false ;
});

我怎样才能实现这一目标？

谢谢！