используя div [ngStyle] для background-image и зацикливаю его * ngFor, если какое-либо из изображений отсутствует, как показать статическое изображение на нем с помощью angular 4 - PullRequest
Новая
       2

используя div [ngStyle] для background-image и зацикливаю его * ngFor, если какое-либо из изображений отсутствует, как показать статическое изображение на нем с помощью angular 4

0 голосов
/ 14 ноября 2018 
<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.

1 Ответ

0 голосов
/ 14 ноября 2018 
<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>

Надеюсь, это поможет вам!

...