Фоновое изображение ngStyle в Angular

Question

Я использую тег ngStyle для элемента div для установки изображения, но изображение не работает,

Я попытался установить фон ngStyle следующим образом

<div  [ngStyle]="{'background-image': 'url(${profilePicPrefix + profileService.userDetails.profile_img})'}"  class="profilepic">
</div> 

и

[ngStyle]="{'background-image': 'url('+ profilePicPrefix + profileService.userDetails.profile_img +')'}"  
// not working - String concatenation 

и

[ngStyle]="{'background-image': 'url(${profilePicPrefix + profileService.userDetails.profile_img})'}"
// not working

У меня пустой экран, изображение не отображается, но сборка прошла успешно.

Answer 1

Вы забыли добавить кавычки в скобках.

Попробуйте с этим

[ngStyle]="{'background-image': 'url("'+ profilePicPrefix + profileService.userDetails.profile_img +'")'}" 

Answer 2

попробуйте с этим

 [style.background-image]="'url('+ profileService.userDetails.profile_img +')'">

Answer 3

Я использовал что-то как дано, пожалуйста попробуйте

 [ngStyle]="{'background-image':'url(' + profileService.userDetails.profile_img + ')'}"