<ion-img> 正在截断 SRC

  • 本文关键字:SRC ion-img ionic2
  • 更新时间 :
  • 英文 :


我有一个简单的ion-img元素:

<ion-img *ngIf="images.length" [width]="w" [height]="h" [src]="thumb"></ion-img>

问题:即使我放置了硬编码的 URL,图像也不会显示

<ion-img *ngIf="images.length"  [width]="w" [height]="h" src="http://img.mako.co.il/2017/04/05/141414_x5.jpg"></ion-img>

检查元素显示src有一个截断的拇指URL字符串(每个整个数组正好31个字符(

仅供参考,如果我console.log("thumb:", thumb)->显示一个有效的拇指 URL......

我能够查明问题所在,如果我删除*ngIf="images.length"- 将显示图像....但以上只是为了一个例子(这就是我抓住这种情况的方式( - 真正的代码是 - 我正在等待从Http请求填充数组......

Plunker:http://plnkr.co/edit/433y7EIjWBsEzbPkCi7H?p=preview,代码在home.ts&home.html中,单击名为Set True的按钮 - 一个,你会看到它旁边的一个小灰色方块,删除*ngIf="ionimg"- 你会看到img很好....

我该如何解决?

就像你在文档中看到的那样:

注意:ion-img 仅用于虚拟滚动

因此,如果您不使用虚拟滚动,则需要使用标准img元素或div 并将图像设置为背景。

相关内容

  • 没有找到相关文章

最新更新