Стилизуйте фоновое изображение 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>