Android 如何在IONAL 3应用程序中使用ion img?
我正在构建一个ionic 3应用程序,它在不同的页面中包含大量图像。我尝试了使用默认的HTML图像标记。但是使用它会导致应用程序的使用滞后,还会出现很多问题,比如屏幕旋转时图像大小的变化,有时会导致图像重叠,图像加载不好 我查阅了Ionic文档,发现最好使用ion img标记来消除这些问题。通过延迟加载,可以实现平滑滚动。我已经在使用虚拟滚动,但不是使用ion img来加载图像,而是使用img标记来加载图像 当我使用ionic文档中给出的ionic img时,不会加载任何图像,只会显示空白。下面是代码 HTML:Android 如何在IONAL 3应用程序中使用ion img?,android,angular,typescript,ionic-framework,ionic3,Android,Angular,Typescript,Ionic Framework,Ionic3,我正在构建一个ionic 3应用程序,它在不同的页面中包含大量图像。我尝试了使用默认的HTML图像标记。但是使用它会导致应用程序的使用滞后,还会出现很多问题,比如屏幕旋转时图像大小的变化,有时会导致图像重叠,图像加载不好 我查阅了Ionic文档,发现最好使用ion img标记来消除这些问题。通过延迟加载,可以实现平滑滚动。我已经在使用虚拟滚动,但不是使用ion img来加载图像,而是使用img标记来加载图像 当我使用ionic文档中给出的ionic img时,不会加载任何图像,只会显示空白。下面
appname
{{category.Name}
如何在Ionic 3中正确实现Ionic img标签?
谢谢。更新: 这种行为似乎是
虚拟滚动条和离子img
中的一个错误。它已被修复。但仍然没有合并。希望您能在这里使用。你可以看到更多
旧反馈
你做得不对。您可以按如下所示进行尝试
<ion-list [virtualScroll]="categories">
<ion-item *virtualItem="let category" class="itemcss">
<ion-card (click)="category.golink()" class="wallcard">
<ion-img class='homecardimage' [src]="category.Url"></ion-img>
<div class="card-title">{{category.Name}}</div>
</ion-card>
</ion-item>
</ion-list>
{{category.Name}
您是否在运行时检查了它?应用正确吗?我指的是图像的大小?空白图片正确吗?请看更新。你能测试一些图片吗?可能是因为图像列表太大。你能在设备上测试一下吗<代码>爱奥尼亚cordova运行安卓--prod--device
<ion-list [virtualScroll]="categories">
<ion-item *virtualItem="let category" class="itemcss">
<ion-card (click)="category.golink()" class="wallcard">
<ion-img class='homecardimage' [src]="category.Url"></ion-img>
<div class="card-title">{{category.Name}}</div>
</ion-card>
</ion-item>
</ion-list>
<ion-img class='homecardimage' collection-repeat="category in categories" src="category.Url"></ion-img>