我有一个包含图像源的标签。如果图像失败,我还写了一个错误案例。下面是我的代码
<div class="column thumbnail"><img class="posterThumbNail" [src]="item.imageUrl" onError="this.src='./assets/imgs/placeholder.png';" /></div>
我可以在此 onError 中有一个条件,以便根据缩略图类别,我可以显示与类别相关的不同占位符图像。期待类似的东西,
<div class="column thumbnail"><img class="posterThumbNail" [src]="item.imageUrl" onError="errorPlaceHolder" /></div>
<ng-template #errorPlaceHolder>
<div [ngSwitch]="item.category">
<template [ngSwitchCase]="foo">
<div>./assets/imgs/placeholderFoo.png</div>
</template>
<template [ngSwitchCase]="bar">
<div>./assets/imgs/placeholderBar.png</div>
</template>
<template [ngSwitchCase]="cat">
<div>./assets/imgs/placeholderCat.png</div>
</template>¯
<template [ngSwitchCase]="dog">
<div>./assets/imgs/placeholderDog.png</div>
</template>
</div>
</ng-template>
我知道上面的代码在语法上不正确。我正在寻找与我上面的代码片段匹配的解决方案。谢谢。