Angular de la dinámica de las imágenes de fondo

Utilizar en lugar

<div [ngStyle]="{background: 'url(/img/' + item.img + ')', width: '200px', height: '150px'"></div>

o

<div [style.background]="'url(/img/' + item.img + ')'"
    [style.width.px]="200" [style.height.px]="150p"></div>

Ver también En RC.1 algunos estilos no se pueden agregar utilizando la sintaxis de enlace

OriginalEl autor Günter Zöchbauer

Usted debe hacer que la medida de la +Günter Zöchbauer segunda parte de la respuesta que genera no deseados complementaria estilo background-position: initial y background-size: inicial en Safari al menos.

Tenga en cuenta que sólo se establece la imagen de fondo de estilo:

<div [style.background-image]="'url(/img/' + item.img + ')'"
 [style.width.px]="200" [style.height.px]="150p"></div>

OriginalEl autor Stéphane de Luca

<div id="component-id" [style.background-image]="'url(www.domain.com/path/'+bgImageVariable+')'">
    <!-- ... -->
</div>

o

<div id="component-id" [style.background-image]="'url('+bgImageVariable+')'">
    <!-- ... -->
</div>

puede utilizar en la segunda forma por la adición de ruta de la URL en una sola variable.
por ejemplo

bgImageVariable="www.domain.com/path/img.jpg";

OriginalEl autor Coder Girl

el uso de este y ajustar la altura y la anchura de la etiqueta div según usted necesita

<div id="component-id" [style.backgroundImage]="'url('+bgImageVariable+')'"></div>

OriginalEl autor Manoj Rana