模型更改时AngularJS不会更新img src

一尘不染

angularjs

我ng-src用来加载图像。值是从一些范围变量加载的，如下所示：

<img ng-src="{{currentReceipt.image}}"/>

我的问题是，当我运行时delete $scope.currentReceipt，它会使ng- src属性为空，但不会在src属性中反映出来。因此，我不断看到需要空占位符的图像。

我该如何处理？

阅读 254

2020-07-04

共1个答案

一尘不染

这是ngSrc和ngHref指令的预期行为。这些指令仅支持识别新路径，但是当路径不可用时，这些指令将以静默方式退出（我在这里看到一个拉取请求。）。

因此，当图像变量不再可用时，可能的解决方法是将ngShow与ngHref一起使用以完全隐藏标签：

<img ng-href="{{currentReceipt.image}}" ng-show="currentReceipt.image" />

2020-07-04