我有一个简单的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 并将图像设置为背景。