样式背景图片URL取决于HTML中的变量-Angular

Question

我正在尝试创建div，其背景图像取决于一张图片。

我已经尝试过了：

<div
  *ngIf="persona.photoURL"
  class="photo"
  style="background-image: url({{persona.photoURL}})"
></div>

但是我得到一个div，背景为空。我知道bet.photoURL具有价值。我怎么能实现我的目标？

Answer 1

尝试使用ngStyle

<div
  *ngIf="persona.photoURL"
  class="photo"
  [ngStyle]="{'background-image': 'url(' + persona.photoURL + ')'}"
></div>