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

Question

У меня следующая проблема: я хочу вставить фоновое изображение на свой сайт с помощью ngStyle. Следующий код работает нормально:

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

Однако, если я хочу добавить еще несколько «атрибутов» к фоновому изображению, изображение больше не отображается:

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

Answer 1

Свойство background-image устанавливает одно или несколько фоновых изображений для элемента .

Если вы хотите добавить еще несколько «атрибутов», используйте background вместо:

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