角度动态背景图像

Question

在 html 模板中，我有这种带有动态图像的样式：

 <div style="background: url('/img/{{item.img}}'); width: 200px; height: 150px"></div>

它适用于网络浏览器和安卓浏览器。但是，使用“style=”动态的背景图像不会在 iPad 上显示。

我总是可以使用 img 标签创建动态图像，但我正在寻找适用于 iPad 的样式/css 解决方案。

原文由 Pat M 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

改为使用

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

或者

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

另见 在 RC.1 中，某些样式无法使用绑定语法添加

原文由 Günter Zöchbauer 发布，翻译遵循 CC BY-SA 3.0 许可协议