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

【问题标题】：Style background image URL depending on variable from HTML - Angular样式背景图像 URL 取决于 HTML 中的变量 - Angular
【发布时间】：2019-04-20 00:21:30
【问题描述】：

我正在尝试创建一个div，其背景是一张图片。

我试过这个：

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

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

【问题讨论】：

标签： html angular styles

【解决方案1】：

试试ngStyle

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

【讨论】：

让我开心，伙计。我会尽快将其标记为正确