• 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中

     
  • 相关阅读:
    疯狂
    绝对基金的最爱,今年推荐
    蛛丝马迹中愤怒的老总
    值得作一年投资的股票
    狂牛终于被制服了,一起来享受盛宴吧(公布一些数据)
    敬而远之
    发现一庄两股
    一下表格大家好好研究吧
    怎样申购新股以及申购技巧
    股市比女人还善变
  • 原文地址:https://www.cnblogs.com/viola-sh/p/5633216.html
Copyright © 2020-2023  润新知