具有Ionic 2 Angular 4中的错误条件的后备图像

作者: 哎？小查查
发布时间: 2024-12-12 11:55:20 (2月前)
转自：

2 条回复

0#
回复此人
trpnest | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 您应该使用（错误）事件来处理错误并根据 <a href="https://stackoverflow.com/questions/49893194/fallback-image-with-condition-on-error-in-ionic-2-angular-4"> 这个帖子 </A> 您可以使用对象来显示后备图像 </p> <P> HTML： </p> <pre> <code> <div *ngFor="let item of items"> ... <img *ngIf="!item.fallbackUrl" class="posterThumbNail" [data]="item.imageUrl" (error)="handleError(item)" /> <img *ngIf="item.fallbackUrl" class="posterThumbNail" [src]="item.placeHolder" /> ... </div> </code> </pre> <P> 控制器： </p> <pre> <code> handleError(item: any) { switch (item.category) { case "foo": item.fallbackUrl = './assets/imgs/placeholderFoo.png'; break; case "bar": item.fallbackUrl = './assets/imgs/placeholderBar.png'; break; default: } } </code> </pre> </DIV>

编辑

登录后才能参与评论