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

Question

我ng-src用来加载图片.值从某个范围变量加载,如下所示:

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

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

我怎么处理它？

Answer 1

这是ngSrc和ngHref指令的预期行为.这些指令仅支持识别新路径,但是当路径不可用时,指令将以静默方式退出(我在此处看到了拉取请求.).

因此,当图像变量不再可用时,可能的解决方法是使用ngShow和ngHref来完全隐藏标记:

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

Answer 2

在删除$ scope.currentReceipt之后调用$ scope.$ apply().