我正在访问包含图片和其他元数据的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>
答案 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>