javascript - 使用 div [ngStyle] 作为背景图像并循环它 *ngFor，如果缺少任何图像，如何使用角度 4 在其上显示静态图像

Question

<div class="bg" 
     onError="this.src='https://www.tibs.org.tw/images/default.jpg';" 
     [ngStyle]="{'background-image':  'url(' + imgss.image + ')'}"
     *ngFor="let imgss of prod.product_images | slice:0:1;">
</div>

如果上面没有图像，如何获取备用图像，我尝试使用 onError 但它仅适用于图像标签，但这里只使用 div。

标签： javascriptangularangular2-directives

Answer 1

<div class="bg" [ngStyle]="{'background-image': (imgss.image) ? 'url(' + imgss.image + ')' : 'url(https://www.tibs.org.tw/images/default.jpg)' }"
        *ngFor="let imgss of prod.product_images | slice:0:1;"></div>

希望对你有帮助！