Question

我正在尝试从互联网上显示ion-img标签中的图像，但是当我将链接放在src或我检查时，它只显示来自URL的30个字符，其余的字符来自URL

例如：网址http://192.168.1.88/pg/profilepic/image.jpg

所以当我检查时，它只显示

http://192.168.1.88/pg/profile

问题是什么..

我想在

中展示

<ion-list>
<button ion-item *ngFor="let item of data.result | filter : searchText" [navPush]="pushPage" [navParams]="{id:item.id}">
  <ion-img src="http://192.168.1.88/pg/profilepic/image.jpg"></ion-img>
  {{item.name}}
  <div class="item-note" item-end>
    {{item.desc}}
  </div>
</button>

Answer 1

意识到这是一个古老的问题。但我最近遇到了同样的问题。

我相信它并没有像Suraj Rao那样使用虚拟卷轴。

以下为我工作

<ion-list [virtualScroll]="itemsArray">
   <ion-item *virtualItem="let item">
     <ion-img [src]="item.url"></ion-img>
   </ion-item>
</ion-list>

其中itemsArray是一个数组，item是该数组的元素，带有url属性。

在你的情况下，我会尝试

<ion-list [virtualScroll]="data.result | filter : searchText">
<button ion-item *virtualItem="let item" [navPush]="pushPage [navParams]="{id:item.id}">
  <ion-img src="http://192.168.1.88/pg/profilepic/image.jpg"></ion-img>
  {{item.name}}
  <div class="item-note" item-end>
    {{item.desc}}
  </div>
</button>

来源

https://ionicframework.com/docs/api/components/img/Img/ https://ionicframework.com/docs/api/components/virtual-scroll/VirtualScroll/

ion-img标签未显示在线图片网址

1 个答案: