在Android手机上查看离子应用程序时无法查看图像

时间:2015-05-22 07:13:58

标签: android cordova ionic-framework ionic

当我尝试使用ionic run --device运行我的应用时, / www / img 下的图片似乎无法正确显示。这是我当前的设置

Cordova CLI: 5.0.0 Gulp version: CLI version 3.8.11 Gulp local: Local version 3.8.11 Ionic Version: 1.0.0 Ionic CLI Version: 1.4.5 Ionic App Lib Version: 0.0.22 OS: Distributor ID: elementary OS Description: elementary OS Freya Node Version: v0.12.2

以下是代码段:

<ion-view view-title="My Account">
 <ion-content>
    <div class="list card">
        <div class="item item-avatar">
        <img src="/img/profile-img.jpg">
        <h2>Marty McFly</h2>
        <p>janedoe@mail.com</p>
        <button class="button button-clear icon ion-android-more-vertical signout" ng-click="openPopover($event)"></button>
      </div>
   </ion-content>

这是截图: enter image description here

2 个答案:

答案 0 :(得分:1)

你如何参考你的形象?

你可以这样做:

<img ng-src="img/myimage.png" />

<img src="img/myimage.png" />

如果图像来自模型:

<img ng-src="{{image}}" />

<img ng-src="{{vm.image}}" />

答案 1 :(得分:0)

也发现了bug。删除&#34; - &#34;从你的图像名称和使用路径,如&#34; img / image.png&#34;