zoukankan      html  css  js  c++  java
  • 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中

     
  • 相关阅读:
    查询手机内联系人
    加载媒体库里的音频
    用ContentProvider获取通讯录联系人
    TensorFlow学习笔记:保存和读取模型
    如何「优雅」地标数据
    Bagging, Boosting, Bootstrap
    3D中的旋转变换
    PCA算法浅析
    SQL Server数据库邮件配置
    浅谈checkpoint与内存缓存
  • 原文地址:https://www.cnblogs.com/viola-sh/p/5633216.html
Copyright © 2011-2022 走看看