2017-09-09 3 views
0

Meine HTML-Datei enthält:Bilder nicht auf Android mit Ionic angezeigt bekommen 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> 

der Controller enthält diesen Code:

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"} 
    ) 

es gut funktioniert, wenn im Browser läuft ionic serve verwenden, Aber sobald sie für Android (mit dem Ionic Cloud Service) erstellt wurden, werden die Bilder nicht auf dem Gerät angezeigt.

Ich habe versucht:

1) ./assets/img/panorama_2.png statt assets/img/panorama_2.png

2) <img src="url({{item.image}})"/> statt <img src="{{item.image}}"/>

aber noch nichts

+0

Ich nehme an, Sie sind in einer Seite fol die. Sie müssen also einen Ordner zurückgehen, um auf den Seitenordner zuzugreifen, und einen weiteren, um auf den Stammordner zuzugreifen. '../../ assets/img/panorama_2.png' –

+0

für meine Apps ist es nur" Assets/img.jpg ", auch wenn ich im Seitenordner bin. Mein Assets-Ordner befindet sich auf derselben Hierarchiestufe wie der Seiten-Ordner – mario

Antwort

0

Achten Sie darauf, Ihr Vermögen innerhalb src/assets/img und nicht innerhalb www/assets/img

+0

Ja, ich kann bestätigen, dass sie da sind – Claus

Verwandte Themen