Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Angular:在包含已完成加载的图像时运行JS代码_Javascript_Angularjs_Image_Loading - Fatal编程技术网

Javascript Angular:在包含已完成加载的图像时运行JS代码

Javascript Angular:在包含已完成加载的图像时运行JS代码,javascript,angularjs,image,loading,Javascript,Angularjs,Image,Loading,我想要的是在加载图像时显示加载动画 基本上,我有一个大型系统,所有的代码位都是使用ngInclude注入的。 因此,如果我必须构建我感兴趣的bit,它将如下所示: <div ng-controller="MyTabCtrl"> <div id="preview-panel" waiting-animation="img/loading.gif" waiting-property="isLoadingPreview"> <ng-include

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

基本上,我有一个大型系统,所有的代码位都是使用ngInclude注入的。 因此,如果我必须构建我感兴趣的bit,它将如下所示:

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

我怎样才能做到这一点

谢谢

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