html 中的 ngStyle 中的 Ionic 2 img 不会显示在设备上

Question

我的图像位于src/assets/img/background.png

在我的 HTML 中，它位于 src/pages/myPage/myPage.html .我尝试像这样设置背景图像

<div [ngStyle]="{
      'background-image': 'url(assets/img/background.png)'
    }">
</div>

我需要[ngStyle]=""，因为我正在根据 json 对象中的属性在*ngFor内动态设置背景图像

我也试过

'background-image': 'url(../assets/img/background.png)'

'background-image': 'url(./assets/img/background.png)'

'background-image': 'url(/assets/img/background.png)'

我也一直在谷歌搜索，我遇到了这个，但我仍然无法让它在我的设备上工作(Galaxy S6(

但是，当我使用ionic serve服务并使用ionic emulate android --livereload模拟时，它们就会出现

此外，这也很有效，在我src/pages/myPage/myPage.scss .scss中，我可以得到一个背景图像来显示

.myClass {
    background-image: url(../assets/img/background.png)
}

请帮忙！

Answer 1

所以我能够用这个调试模拟器，我发现这是在看起来像这样的路径上寻找图像

assets/img/Backgrounds/background.png

它应该是这样的

assets/img/backgrounds/background.png