javascript - Ng-src 更新但 src 在删除照片时不更新

Question

问题背景:

我正在使用这个问题的解决方案:How to update AngularJS view when the value has not changed?所以在我看来我有:

 <img ng-src="{{user.photo.pathRelative}}{{randomStr}}" alt=""/>

当我更改照片时，我在 Controller 中运行以下代码:

 $scope.user.photo.pathRelative = somePathToPhoto;
 $scope.randomStr  = '?randomStr=' +  new Date().getTime();

这会产生以下 html(并且一切正常):

<img ng-src="img/profiles/5350f142dd9624b818d90007/5350f142dd9624b818d90007.png?randomStr=1398159116845" alt="" src="img/profiles/5350f142dd9624b818d90007/5350f142dd9624b818d90007.png?randomStr=1398159116845">

问题:

现在我想允许用户删除这张照片，所以当他点击删除按钮时，我会:

 $scope.user.photo.pathRelative = '';
 $scope.randomStr  = '';

但是，这会产生以下 html:

<img ng-src="" alt="" src="?randomStr=1398159116845">

所以 src 属性仍然设置，因此浏览器尝试呈现它但显然路径无效。

为什么这个 src 被设置为不正确的值有什么提示吗？

Answer 1

你可以设置ng-if在未设置路径的情况下摆脱 img 元素。