空的ng-src不会更新图片

Question

我正在使用 ng-src 指令，以避免浏览器在Angular评估表达式之前请求图像。

ng-src={{image}}如果表达式“ image”更改，将更新图像的 src 属性。我误解了为什么如果表达式（“
myImage.png”）为空（“”），则 ng-src 指令不会更新图像的路径。

当表达式为空时， ng-src 属性为空，但是 src 属性仍然是最后一个已知的 src 。因此它不会更新图像。为什么不更新 src
属性（将其更新为空 src ），以使图像“消失”。

这是一个矮人

谢谢

Answer 1

答案在 Angular 代码中。这不是错误，只是他们决定想要的行为。从13895行开始，您可以看到以下指令代码：

forEach(['src', 'srcset', 'href'], function(attrName) {
   var normalized = directiveNormalize('ng-' + attrName);
   ngAttributeAliasDirectives[normalized] = function() {
   return {
      priority: 99, // it needs to run after the attributes are interpolated
      link: function(scope, element, attr) {
          attr.$observe(normalized, function(value) {

         if (!value)
             return;

         attr.$set(attrName, value);

         if (msie) element.prop(attrName, attr[attrName]);
       });
     }
    };
  };
});

关键在：

if (!value) return;

如您所见，如果将 ng-src 表达式更改为空字符串，则永远不会更改实际的 src 值。您可以执行MadScone建议的操作来解决此问题。