我正在使用
我正在尝试做什么
问题
<div class="image" [ngStyle]="{'background-image': 'url(' + (image.myImage | async) + ')'}"></div>
答案 0 :(得分:2)
您的语法是正确的,但要实现您想要的行为,请执行以下操作:
<div *ngIf="image.myImage | async; let img; else loading"
class="image" [ngStyle]="{'background-image': 'url(' + img + ')'}">
</div>
<ng-template #loading>
<div class="image" [ngStyle]="{'background-image': 'url(/assets/placeholder.png)'}"></div>
</ng-template>
<强> Demo 强>
答案 1 :(得分:1)
<div *ngIf="img"
class="image" [ngStyle]="{'background-image': 'url(' + img + ')'}">
</div>
<div *ngIf="!img"
class="image" [ngStyle]="{'background-image':'url(http://via.placeholder.com/350x150)'}">
</div>