ionic2 页面加载时图片添加的问题

使用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中

 
posted @ 2016-07-01 15:24  Viola_left  阅读(7074)  评论(1编辑  收藏  举报