在 Angular + Cordova App 中加载图像

Load Images in Angular + Cordova App

我的 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 版本中。

有什么建议吗?

我通过替换“/assets/..”解决了这个问题。用'./assets/...'。我在使用相对路径构建 sass 文件时遇到问题,目前必须在输出文件中进行替换(在 ng build --prod 之后)。可能 Angular CLI 也有一些处理这个的选项。

index.html:

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

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