angularjs - 后备图片的Angular指令

如果不存在单独服务器上的图像，我想显示一个默认图像。是否有一个 Angular Directive(指令)可以做到这一点？

最佳答案

不可以，但是您可以创建一个。

http://jsfiddle.net/FdKKf/

HTML:

<img fallback-src="http://google.com/favicon.ico" ng-src="{{image}}"/>

JS:

myApp.directive('fallbackSrc', function () {
  var fallbackSrc = {
    link: function postLink(scope, iElement, iAttrs) {
      iElement.bind('error', function() {
        angular.element(this).attr("src", iAttrs.fallbackSrc);
      });
    }
   }
   return fallbackSrc;
});