根据HTML中的变量设置背景图像URL的样式-角度

根据HTML中的变量设置背景图像URL的样式-角度,html,angular,styles,Html,Angular,Styles,我正在尝试创建一个div,其背景图像取决于一张图片 我试过这个: <div *ngIf="persona.photoURL" class="photo" style="background-image: url({{persona.photoURL}})" ></div> 但是我得到了一个背景为空的div。我知道,bet.photoURL有一个值。我如何才能实现我的目标?尝试使用ngStyle <div *ngIf="persona.photo

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

我试过这个:

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


但是我得到了一个背景为空的
div
。我知道,
bet.photoURL
有一个值。我如何才能实现我的目标?

尝试使用
ngStyle

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

让我开心,伙计。我会尽快把它标记为正确的