<img [src]="item.imgUrl" (error)="pictNotLoading($event)" alt="" /> pictNotLoading(event) { event.target.src = '/assets/dynamic_images/medvibe_partner.png'; } los criterios anteriores reemplazarán las imágenes rotas. En mi página de listado de productos, he decidido establecer background-image forma dinámica para cada elemento del producto (como un efecto de desplazamiento).
<span class="product_thumbnail_hover" style="background-image:url('{{item.imgUrl}}');"></span>Pero de alguna manera recibo un montón de URL de imágenes rotas de la llamada api. Entonces, mi pregunta es cómo reemplazar una URL de imagen rota dada en estilo background-image
<ng-template [ngIf]="item.imgUrl != null || item.imgUrl != undefined"> <span class="product_thumbnail_hover" [ngStyle]="{'background-image': item.imgUrl ? 'url(' + item.imgUrl + ')' : 'url(' + '/assets/dynamic_images/prod_preview.png' + ')'}"></span> </ng-template>El código anterior resolvió mi problema temporalmente. No sé si este es un método bueno o peor. Creo que esto podría ayudar.