Ng-src updates but src does not when deleting photo

Question

Context of the question:

I'm using the solution from this question: How to update AngularJS view when the value has not changed? So in my view I have:

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

when I change the photo I run the following code in my contoller:

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

This results in the following html (and everyting works as it should):

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

Question:

Now I want to allow user to delete this photo, so when he hits the delete button I do:

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

However, this results in the following html:

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

So src attribute is still set, hence the browers tries to render it but obviously the path is not valid.

Any hints why this src is set to incorrect value?

Maybe the delete function runs in a different scope. It's hard to say without any code. — a better oliver, Apr 22 '14 at 09:47

score 4 · Accepted Answer · answered Apr 22 '14 at 09:41

4

You could set up ng-if to get rid of the img element in case the path is not set.

answered Apr 22 '14 at 09:41

Juho Vepsäläinen

26,573
12
79
105

yes, currently I use ng-show, however, I would like to understand why my current solution does not work. – Jakub Apr 22 '14 at 09:45
Well, here's the spec: https://github.com/angular/angular.js/blob/master/test/ng/directive/ngSrcSpec.js . – Juho Vepsäläinen Apr 22 '14 at 09:54

score 0 · Answer 2 · edited May 23 '17 at 11:50

0

This is a known issue (actually this is by design). See this link and a workaround.

edited May 23 '17 at 11:50

Community

1
1

answered Apr 22 '14 at 10:22

zszep

4,450
4
38
58

Ng-src updates but src does not when deleting photo

2 Answers2