Угловое NG-шоу / скрыть зависит от IMG SRC URL

Question

Угловое NG-шоу / скрыть зависит от IMG SRC URL

0

Как сделать ng-show/скрыть базу изображений на URL-адресе src, который никогда не будет пустым? Я попробовал ng-show = "ImageUrl! == ''/null", но это не сработает, потому что там всегда присутствует url, img src исходит со стороны сервера.

<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">

MrNew 06 янв. 2016, в 10:33

Источник

1

Если URL изображения никогда не будет пустым, на каких критериях должно основываться отображение / скрытие?
cezar 06 янв. 2016, в 09:28
0

Вы пробовали data-ng-show="ImageUrl.length" ?
Batu.Khan 06 янв. 2016, в 09:29
0

Да, именно поэтому я спрашиваю, есть ли другой способ сделать это с точки зрения пользовательского интерфейса, в противном случае мне придется попросить серверную часть дать мне что-то, на чем можно было бы основываться.
MrNew 06 янв. 2016, в 09:29
0

@DarthBatuKhan ум, объясняя, почему. Длина?
MrNew 06 янв. 2016, в 09:30
0

Вы можете установить флаг, который говорит вам, что изображение доступно или нет, и использовать ng-show = "IsImageAvailable == 1 '"
thepaks 06 янв. 2016, в 09:31
0

@PrakashPanchal не могли бы вы привести пример?
MrNew 06 янв. 2016, в 09:33

Показать ещё 4 комментария

Теги:

javascript

angularjs

1 ответ

Ещё вопросы

Если URL изображения никогда не будет пустым, на каких критериях должно основываться отображение / скрытие?
Да, именно поэтому я спрашиваю, есть ли другой способ сделать это с точки зрения пользовательского интерфейса, в противном случае мне придется попросить серверную часть дать мне что-то, на чем можно было бы основываться.
@DarthBatuKhan ум, объясняя, почему. Длина?
Вы можете установить флаг, который говорит вам, что изображение доступно или нет, и использовать ng-show = "IsImageAvailable == 1 '"
@PrakashPanchal не могли бы вы привести пример?

thepaks · Answer 1 · 2016-01-06T07-15-00.000Z

Попробуйте что-нибудь ниже:

html:

ng-show="isImageAvailable(this)"

контроллер:

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

Или что-то вроде взорвать имя изображения из пути изображения:

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

Не удается прочитать свойство 'replace' из undefined?