在 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'
我的 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'