ngStyle 背景图像中的插值

Question

我查看了在 Whosebug 中找到的类似答案，但没有成功。如何正确使用 ngStyle 中的插值作为背景图像？

这是我使用的代码：

<div mat-card-avatar class="header-image" ngStyle = "{'background-image': 'url(' + {{cardData.image}} + ')'}"></div>

我收到错误：找不到不同的支持对象 '{'background-image': 'url(' + ../../assets/image/photo.png + ')'}' 在 . ....

Answer 1

尝试将您的 ngStyle 属性括在方括号中：

[ngStyle]="...

Answer 2

你不能在ngStyle里面使用插值，你必须使用[ngStyle]="{'background-image': 'url(' + cardData.image + ')'}"

这样试试：

<div mat-card-avatar class="header-image" [ngStyle]="{'background-image': 'url(' + cardData.image + ')'}">

Answer 3

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

不确定是否可能，但这对于引号来说是正确的