我有一个简单的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就好了....
我该如何解决?