<ion-img>正在截断src

时间:2017-07-30 21:05:53

标签: ionic2

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

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

问题:即使我放置了硬编码的网址,图片也不显示

<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) - &gt;显示有效的拇指网址...

我能够指出问题,如果我删除*ngIf="images.length" - 图像会显示....但上面只是为了示例(这是我抓住这种情况的方式) - 真正的代码是 - 我正在等待从Http请求填充数组...

Plunker:http://plnkr.co/edit/433y7EIjWBsEzbPkCi7H?p=preview,代码位于home.ts&amp; home.html,点击名为Set True的按钮 - 你会看到旁边有一个灰色小方块,删除*ngIf="ionimg" - 你会看到img就好了....

我该如何解决?

1 个答案:

答案 0 :(得分:0)

就像你可以看到in the docs

  

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

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