Скрыть изображение по размерам в Angular / Ionic

Я получаю доступ к API, который содержит изображения и другие метаданные. У меня проблема в том, что у некоторых записей есть заполнитель изображения под связанным URL-адресом. Исходя из размеров (высота / ширина), я хотел бы скрыть эти изображения.

В Получить размер изображения в угловом 2 необходимо щелкнуть изображение. Для меня это не вариант.

Какие существуют варианты для получения работающей функции showImage ()?

<ion-col width-50 *ngFor="let file_uri of row" image-dimension>
  <div *ngIf="showImage()">
        <img [src]="file_uri">
  </div>
</ion-col>

ionic-framework angular ionic3
person Thavit    schedule 30.08.2017    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы можете создать фильтр matchMedia.

app.filter("matchMedia", function($window) {
return function matchMedia (mediaQueryString) {
    return $window.matchMedia(mediaQueryString).matches;
}});

Затем используйте его в директивах:

<div ng-if="'(min-width: 400px)' | matchMedia">
<h1>The viewport is at least 400 pixels wide</h1></div>
person rahul patel    schedule 30.08.2017
comment
Это похоже на angular.js. Есть ли решение для Angular 4? - person Thavit; 30.08.2017
comment
Я собираюсь попробовать в angular 4. Если я получу какое-либо решение, я сообщу вам. Ok - person rahul patel; 30.08.2017
comment
Спасибо. Это было бы круто. - person Thavit; 30.08.2017
comment
Есть у кого-то другая идея. Я не нашел этой функции в Ionic3 / Angular4. - person Thavit; 04.09.2017