在html中的ngonic风格的Ionic 2 img不会出现在设备上

时间:2017-02-09 01:58:27

标签: angular ionic2

我的图片位于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)'

我也一直在google-ing,我遇到了this,但我还是无法让它在我的设备上工作(Galaxy S6)

但是,当我使用ionic serve投放并使用ionic emulate android --livereload

进行模拟时,它们会显示

此外,此作品,在我.scss的{​​{1}}我可以获得一张背景图像,以显示

src/pages/myPage/myPage.scss

请帮忙!

1 个答案:

答案 0 :(得分:0)

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

assets/img/Backgrounds/background.png

它应该是这样的

assets/img/backgrounds/background.png