ng-src在photo.src更改时有一些延迟

时间:2014-11-08 11:08:44

标签: javascript angularjs

我有一个img标签,其中ng-src属性应用于主详细信息页面。

详细信息页面有图像,一旦我切换到主页并返回,前一个图像会保留一段时间,直到新的图像取代它。

<img class="media-object" ng-src="{{detail.photo}}"></div>

我的角度代码,请注意图像属性在$ scope之外更改。

this.$scope.detail.photo = details[0].photo;
this.$scope.$apply();

虽然在返回主人的路上,我把所有东西都归零了。

this.$scope.detail.photo = null;
this.$scope.$apply()

但它没有用,当我再次回来时,我看到上一张图片,直到下一张图片生效。

2 个答案:

答案 0 :(得分:0)

将ng-src更改为null(或任何有价值的值)不会更改基础src属性(reference)的值。 无论如何,这样做没有任何意义。如果您想隐藏图片,只需使用ng-show

答案 1 :(得分:0)

http://makandracards.com/makandra/29415-resolving-angular-not-updating-an-image-src-when-ng-src-is-empty

<img class="media-object" ng-src="{{detail.photo || '//:0'}}"></div>