ionic2 - 正在截断 src

Question

我有一个简单的 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 请求中填充......

笨蛋:http://plnkr.co/edit/433y7EIjWBsEzbPkCi7H?p=preview ，代码在 home.ts 和 home.html 中，单击名为 Set True 的按钮 - an 你会看到一个小灰色在它旁边的正方形中，删除 *ngIf="ionimg" - 你会看到 img 就好了....

我该如何解决？

Answer 1

就像你看到的一样in the docs :

Note: ion-img is only meant to be used inside of virtual-scroll

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