如何在ionic 3应用中使用ion-img？
如何在ionic 3应用中使用ion-img？
提问于 2017-11-08 15:40:48
我正在构建一个离子3应用程序，它在不同的页面中包含许多图像。我尝试使用默认的超文本标记语言图像tag.But，这导致在使用应用程序时出现延迟，也遇到了很多问题，比如当屏幕旋转时图像大小发生变化，有时会导致图像重叠，图像加载丑陋。
我在Ionic文档中查找，发现最好使用ion img标签来删除这些可以实现延迟加载、平滑滚动的issues.With。我已经在使用虚拟滚动，但不是使用ion-img来处理图像，而是使用img标签来加载图像。
当我使用ion文档中给出的ion-img时，没有图像被加载，只有空格是displayed.Here是代码，
HTML：
<ion-header>
<ion-navbar color="dark">
<button ion-button clear class="menubutton">
<ion-icon name="menu" (click)="presentActionSheetCategory()"></ion-icon>
</button>
<ion-title><button ion-button clear (click)="goAbout()">appname</button></ion-title>
</ion-navbar>
</ion-header>
<ion-content class="card-background-page">
<ion-list [virtualScroll]="categories">
<ion-item *virtualItem="let category" class="itemcss">
<ion-card collection-repeat="category in categories" (click)="category.golink()" class="wallcard">
<ion-img class='homecardimage' collection-repeat="category in categories" [src]="category.Url"></ion-img>
<div collection-repeat="category in categories" class="card-title">{{category.Name}}</div>
</ion-card>
</ion-item>
</ion-list>
</ion-content>如何在Ionic 3中正确实现ion-img标签？谢谢。
Stack Overflow用户
发布于 2017-11-08 15:54:48
<ion-img class='homecardimage' collection-repeat="category in categories" src="category.Url"></ion-img>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47174101
复制相关文章
相似问题
腾讯云开发者
