<ion-img>被截断SRC

我有一个简单ion-img元素：<ion-img>被截断SRC

<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具有缩略字符串的缩略字符串（每个整个阵列完全为31个字符）

只是FYI，如果我console.log("thumb:", thumb) - >显示有效的拇指网址...

我能够指出的问题，如果我删除*ngIf="images.length" - 图像显示....但上面是只为例子（这是我抓住了这个情况） - 真正的代码是 - 我等待着从一个Http要求填写一个数组...

Plunker：http://plnkr.co/edit/433y7EIjWBsEzbPkCi7H?p=preview，该代码是在home.ts & home.html，点击名为Set True的按钮 - 你会在旁边看到一个小灰色正方形，删除*ngIf="ionimg" - 你会看到img就好了。...

我该如何解决它？

来源

2017-07-30 Ricky Levi

就像你可以看到in the docs：

注意：离子IMG只是意味着，如果你不使用虚拟被虚拟滚动的内部使用

所以 - 滚动，您需要使用标准img元素或div并将图像设置为背景。

来源

2017-07-31 04:17:03 sebaferreras

无赖.........我仍然不明白为什么它不起作用......因为如果它不会截断src ='一切都会好的 –

是的，有几个版本之前，它甚至可以在虚拟卷轴之外工作，但是之后它开始显示一些错误/问题，并且文档被更新了这些信息。对不起：（ – sebaferreras

<ion-img>被截断SRC

回答

相关问题