ng-src with ng-show not working

Question

I have appended /File/ in ng-src which calls my Image source from database through Id. How to use use ng-showcondition?

This is my code :

<img ng-src="/File/{{review.ProfileImage}}" class="media-object img-circle">

Anyone have a clue about this ?

Hi Álvaro Touzón, I want to use ng-show when image is not null, if there's no image then I'll show default image from system. — sanjay prajapati, Nov 02 '17 at 12:09
@Dixit Can you share code sample. That will be more helpful for me. — sanjay prajapati, Nov 02 '17 at 12:12
_ng-show = "review.ProfileImage!=''"_ Simply check the value of the variable _review.ProfileImage_ — Avantika Saini, Nov 02 '17 at 12:33
no need to use `ng-show` in your case [you can set alternate image](https://stackoverflow.com/a/92819/5621827) using js only — jitender, Nov 02 '17 at 12:38
@jitender it is OK, but we still want to avoid doing extra call to our back-end, so `ngIf` will work better in this case. — Stanislav Kvitash, Nov 02 '17 at 12:42
then do other stuff like `set show/hide` inside `onError` mathod — jitender, Nov 02 '17 at 12:45

Stanislav Kvitash · Accepted Answer · 2017-11-02T12:44:35.020

1

You should not use interpolation inside ngShow directive. Just use a simple condition to check your review.ProfileImage field:

<img ng-src="/File/{{review.ProfileImage}}" ng-show="review.ProfileImage" class="media-object img-circle"/>

For your case I would recommend using ngIf instead of ngShow (in this case img will be removed from the DOM and you will not hit your back-end with image source request).

edited Nov 02 '17 at 12:44

answered Nov 02 '17 at 12:35

Stanislav Kvitash

4,614
18
29

ng-src with ng-show not working

1 Answers1