Angularjs 从服务器加载图像时显示占位符图像

我正在用haml和angularJs在rails上建立一个网站。图片是从服务器加载的。如果图像未加载或占用太多时间，我希望显示占位符图像。提前谢谢你

因此您将添加一个指令，该指令将获取原始src属性并替换占位符。正如您所看到的，它在load事件中绑定。希望能有帮助

角js：

app.directive('original', function() {
  return {
    restrict: 'A',
    scope: { original-src: '@' },
    link: function(scope, element, attrs) {
        element.bind('load', function() {
            element.attr('src', scope.original-src);
        });
    }
  };
});

你的html

<img original-src="original.jpg" src="placeholder.jpg" />

欢迎来到SO。对不起，但这里不是这样的。请展示一些努力和代码，并提出一个非常具体的问题。回答与问题相同的努力：请查看“加载”事件。这就是方法。我正在使用ng src而不是src。这仍然有效吗？