根据Angular / Ionic中的尺寸隐藏图像

时间:2017-08-30 11:26:23

标签: angular ionic-framework ionic3

我正在访问包含图片和其他元数据的API。我遇到的问题是某些条目在链接的URL下有一个图像占位符。基于尺寸(高度/宽度),我想隐藏这些图像。

Get image dimension in angular 2中,有必要点击图片。这对我来说不是一个选择。

有哪些选项可以获得有效的showImage()函数?

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

1 个答案:

答案 0 :(得分:0)

您可以创建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>