2017-09-09 12 views
0

とAndroid上で表示されません私のhtmlファイルが含まれています画像はイオン3

</ion-content> 
<ion-content class="card-background-page"> 
    <ion-list> 
     <ion-card ion-item *ngFor="let item of items" (click)="itemTapped($event,item) "> 
     <img src="{{item.image}}"/> 
     <div class="card-title">{{item.title}}</div> 
     <div class="card-subtitle">{{item.subTitle}}</div> 
     </ion-card> 
    </ion-list> 
    </ion-content> 

コントローラは、このコードが含まれています。

this.items.push(
     {title:"Item 1",subTitle:"one",image:"assets/img/preview_1.png"}, 
{title:"Item 2",subTitle:"two",image:"assets/img/panorama_2.png"} 
    ) 

ionic serveを使用してブラウザで実行しているとき、それはうまく動作しますが、いったんAndroid用に構築されると(Ionic Cloudサービスで)、画像はデバイスに表示されません。

は、私が試した:

1)./assets/img/panorama_2.pngの代わりに、assets/img/panorama_2.png

2)<img src="url({{item.image}})"/>の代わり<img src="{{item.image}}"/>

しかし

+0

私はあなたがページフォローにいると仮定しますder。したがって、ページフォルダにアクセスするには1つのフォルダに戻り、ルートフォルダにアクセスするには別のフォルダに戻す必要があります。 '../../ assets/img/panorama_2.png' –

+0

私のアプリケーションでは、私がページフォルダに入っていても" assets/img.jpg "だけです。私のassets-folderはpages-folderと同じ階段レベルにあります。 – mario

答えて

0

はあなたの資産がsrc/assets/img内にあることを確認し、まだ何もしていない内部www/assets/img

+0

はい、私は彼らがそこにいることを確認できます – Claus

関連する問題