使用ionic2创建项目时,在app文件夹下有图片目录img
在home中引用图片,但是不论是用ng-src或者是src,代码如下:
<ion-list> <ion-slides class="banner base-width"> <ion-slide> <a><img src="../../img/uploads/banner_1.jpg"/></a> </ion-slide> <ion-slide> <a><img ng-src="img/uploads/banner_2.jpg"/></a> </ion-slide> <ion-slide> <a><img src="img/uploads/banner_3.jpg"/></a> </ion-slide> <ion-slide> <a><img src="img/uploads/banner_4.jpg"/></a> </ion-slide> </ion-slides> </ion-list>
图片都加载不出来.。
试着把img文件夹复制到了www文件夹下面,居然就显示出来了……
而且如果是放在www文件夹下面,则不论使用
<img src="../../img/uploads/banner_1.jpg"/>或者是
<img ng-src="img/uploads/banner_2.jpg"/>图片都可以加载出来
这是不是说明ionic serve 在编译时,是不会把图片编译出来的?
总觉得这样有点问题,还需要再多找找资料
更新
应当避免在html标签中写相对路径,
<img src="../../img/uploads/banner_1.jpg"/>这种写法不好
项目中使用图片、图片文件应该放在assets中