在Angular + Cordova应用程序中加载图像

时间:2018-01-24 21:36:05

标签: angular cordova cordova-plugins cordova-android

我让我的Angular 5应用程序与Cordova合作。唯一的问题是图像没有加载。我指定的路径如下所示:

/assets/img/logo.png

我将这些路径用于图像:

<img class="logo-img" src="/assets/img/logo.png">

以及样式内部:

background: url(/assets/img/success-backg.png) no-repeat center center;

这适用于Android和iOS版本。

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

我通过替换&#39; / assets /..'来解决这个问题。与&#39; ./ assets /...&# 39;。我面临着使用相对路径构建sass文件的问题,目前必须在输出文件中进行替换(在ng build --prod之后)。可能Angular CLI也有一些处理它的选项。

答案 1 :(得分:0)

index.html:

对应用中资源的任何非绝对引用都应在路径中添加“./”,例如

src="**./**assets/images/logo.jpg'