Angular中的ngStyle背景图像

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(' + profileService.userDetails.profile_img + ')'}"

Answer 2

您忘记在括号内添加引号。

试试这个

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

Answer 3

尝试这个

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