有没有办法避免在加载角度时显示图像的高清?

时间:2016-04-05 16:00:43

标签: angularjs image

所以我正在使用angularjs,我正在使用ng-src加载图像但是我可以看到像这样的图像的alt

image alt while loading the page

有什么办法可以避免吗?

1 个答案:

答案 0 :(得分:2)

不幸的是,没有开箱即用。 但是你可以创建一个自定义指令。

<强> JS

app.directive('ngAlt', function () {
  return {
    restrict: 'A',
    link: function (scope, elem, attrs) {
      if (attrs.ngAlt) {
        elem.on('load', function (event) {
          elem[0].setAttribute("alt", attrs.ngAlt);
        });
      }
    }
  };
});

<强> HTML

<img ng-src="path_to_your_image.jpg" ng-alt="your alt text" />

在行动中 https://plnkr.co/edit/3TMlauvEw5vqMqRrNcox