angularjs观看图像以查看是否已完成加载

Question

使用Angular如何观看图像以查看它是否已在指令内完成加载？

例如，在从URL完全检索图像时显示警告（而不是在呈现div时）。

HTML：

 <img src="{{thumbnail}}" image-loading-spinner/>

指令：

directive('imageLoadingSpinner', ['$document', '$parse', function ($document, $parse) {

    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
             // get item to watch?
             scope.$watch(????, function (newValue) {
               //has loaded image url?
               alert('got the image!')
          )}

        }
    };


}]). 

Answer 1

不存在现有的监视表达式。您可以编写自定义监视功能，但我会建议不要这样做。手表经常被评估。你要找的是单一事件。

您应该考虑对load和error事件作出反应。