我已经在stackoverflow中找到了类似的答案，但是没有运气。如何正确使用ngStyle内部的背景图片插值？
这是我使用的代码：
<div mat-card-avatar class="header-image" ngStyle = "{'background-image': 'url(' + {{cardData.image}} + ')'}"></div>
我遇到错误：无法在...上找到其他支持对象'{'background-image'：'url（'+ ../../assets/image/photo.png +'）'}' ..
答案 0 :(得分：1)
您不能在ngStyle内使用插值法，而必须使用[ngStyle]="{'background-image': 'url(' + cardData.image + ')'}"
尝试这样：
<div mat-card-avatar class="header-image" [ngStyle]="{'background-image': 'url(' + cardData.image + ')'}">
答案 1 :(得分：0)
尝试将ngStyle属性包装在方括号中：
[ngStyle]="...
答案 2 :(得分：0)
[ngStyle]="'{background-image: url(' + {{cardData.image}} + ')}'"
不确定是否可能，但是对于引号来说是正确的