angularjs – ionic不会加载图像

前端之家收集整理的这篇文章主要介绍了angularjs – ionic不会加载图像前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在我的应用程序中,我有一些本地图像.我可以在使用离子服务的google开发人员工具中进行测试时看到我的图像,甚至可以在带有 android 4.4.4和4.2.2的genymotion模拟器中进行测试.但是当我在真正的 Android设备上安装我的应用程序时(我尝试三星Galaxy S3和三星Galaxy Ground Neo)我看不到我的图像.

我的文件夹结构是这样的:

> www

> index.html
> app

>书

> book.html
>图像

> icon.png

在我的book.html中,我尝试使用以下网址来加载图片

<img src="app/book/images/icon.png">
    <img src="../../images.icon.png">

我还将icon.png移动到index.html中的根文件夹并试试这个:

<img src="icon.png">

但它不起作用.

HTML结构的工作方式是,您始终需要相对于当前文件调用文件.例如,如果您的结构如下所示:
- index.html
- folder
    -image.png

你需要说src =“image.png”.因此,在您的情况下,您不必引用根目录(文件夹).你可以说images / icon.png要引用上层文件夹(如果它在根目录中),您可以说../../icon.png,对每个后续文件夹使用../.

猜你在找的Angularjs相关文章