ngStyle 背景图像不可见

Question

我遇到了以下问题：我想使用 ngStyle 向我的网站插入背景图片。以下代码工作正常：

<div [ngStyle]="{'background-image': 'url(' + myBackgroundUrl + ')', 'width': '224px', 'height': '248px'}"></div>

但是，如果我想再添加一些 "attributes" 到背景图像，图像将不再可见：

<div [ngStyle]="{'background-image': 'url(' + myBackgroundUrl + ') no-repeat -228px 0', 'width': '224px', 'height': '248px'}"></div>

Answer 1

background-image属性为元素设置一张或多张背景图片。

如果你想添加更多 "attributes" 然后使用 background 代替：

<div [ngStyle]="{
  'background': 'url(' + myBackgroundUrl + ') no-repeat -228px 0', 
  'width': '224px', 
  'height': '248px'
}"></div>

ngStyle background image not visible