Правильное форматирование стиля ng для фонового изображения - PullRequest
Новая
       24

Правильное форматирование стиля ng для фонового изображения

0 голосов
/ 13 июня 2019

Что-то не так с приведенной ниже строкой. В моем приложении правильно отображаются мой рост и ширина. Если я включу + character.offsetX + 'px' + character.offsetY + 'px', стилизация фонового изображения не появится.

Character.offsetX и offsetY являются жестко закодированными числами, полученными из символьного объекта.

Примеры, которые я нашел в Интернете, довольно просты и не показывают, как сделать сокращенную версию background-image для установки background-position

<li *ngFor="let character of this.characterList" [ngStyle]= "{'height':'50px', 'width':'50px', 'background-image':'url(' + character.fullImagePath + ')' + character.offsetX + 'px' + character.offsetY + 'px' }"

1 Ответ

2 голосов
/ 13 июня 2019

background-image не позволяет задавать другие свойства background-* - вместо этого вам нужно использовать сокращение background: 

<li *ngFor="let character of this.characterList" [ngStyle]= "{'height':'50px', 'width':'50px', 'background':'url(' + character.fullImagePath + ') ' + character.offsetX + 'px ' + character.offsetY + 'px' }"
...