Как использовать ngStyle с интерполяцией внутри правила стиля

Question

У меня есть цикл ngFor, который перебирает объект (selectedUser).Я пытаюсь использовать значение из этого свойства внутри правила стиля 'background-image', но продолжаю получать ошибки синтаксического анализа.

<div *ngFor="let user of selectedUser.user">
 <div class="user-img" ngStyle="{'background-image':'url(/assets/img/{{ user.image }})'}" alt="">
 </div>
</div>

Есть идеи, какой будет правильный синтаксис для чего-то подобного?

Answer 1

Просто удалите аннотацию {{}}

 <div class="user-img" ngStyle="{'background-image':'url(/assets/img/' +user.image +')'}" alt="">

Answer 2

Попробуйте использовать как показано ниже

<div *ngFor="let user of selectedUser.user">
 <div class="user-img" ngStyle="{'background-image':'url(/assets/img/'+ {{ user.image }} + ')'}" alt="">
 </div>
</div>