角度ng-show / hide取决于img src url

Question

How to do ng-show/hide an image base on the src url which is never going to be empty? I tried ng-show="ImageUrl!== ''/null" but that's not going to work because there url is always present, the img src is coming from the server side.

<img data-ng-src="{{ImageUrl}}" id="profile-picture_image" data-ng-show="ImageUrl" alt="Candidate profile photo" class="img-responsive img-rounded">

<img src="//@@websiteHost/Content/img/no-photo.png" alt="Candidate without profile photo" data-ng-show="!ImageUrl" class="img-responsive img-rounded">

Answer 1

Try something below:

html :

ng-show="isImageAvailable(this)"

controller:

$scope.isImageAvailable = function(imageobj) {
    var imagename = imageobj.replace(/^.*[\\\/]/, '');
    return !(imagename == "no-photo.png");
}

Or something like to explode the image name from image path:

var src = $('img').attr('src').split('/');
var file = src[src.length - 1];