有没有一种方法可以避免在加载angular时显示图像的alt

Question

所以我使用angularjs，并使用ng-src加载图像，但有一秒钟我可以看到像这样的图像的alt

加载页面时的图像alt

有什么办法可以避免吗？

Answer 1

很遗憾，没有开箱即用。但是您可以创建自定义指令。

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