2017-04-05 29 views
-1

Ich zeige unter den beiden Versionen von ionischen Code, die ich geschrieben habe. Der, der ion-avatar benutzt, scheint nicht zu funktionieren, aber wenn ich item-avatar benutze, tut es das.ion-avatar funktioniert nicht, aber item-avatar tut

funktioniert dieses nicht

<ion-list inset> 
    <ion-item ng-repeat="leader in leaders" class="item item-text-wrap"> 
     <ion-avatar item-left> 
      <img ng-src="{{baseURL+leader.image}}"> 
     </ion-avatar> 
     <h2>{{leader.name}}<h2> 
     <h3>{{leader.designation}}</h3> 
     <p>{{leader.description}}</p> 
    </ion-item> 
</ion-list> 

Dieses funktioniert

<ion-list inset> 
    <ion-item ng-repeat="leader in leaders" class="item-avatar item-text-wrap"> 
     <img ng-src="{{baseURL+leader.image}}"> 
     <h2>{{leader.name}}<h2> 
     <h3>{{leader.designation}}</h3> 
     <p>{{leader.description}}</p> 
    </ion-item> 
</ion-list> 

Während mein Code in Ordnung und Arbeits ist, frage ich mich, warum die erste nicht funktioniert. Ich habe ionic 2.2.1 installiert.

Danke und Grüße

+0

Wenn Ihr ionisches 2 verwenden überprüfen können, haben Sie versucht, mit '[src] =" {{baseURL + leader.image} } "? –

+0

Ich habe es versucht und es hat nicht funktioniert. Wie kann ich sagen, dass ich ionische 2 verwende? ionic --v sagt mir - 2.2.1. Ich verwendete ionischen dienen --lab – shirishc

+0

@shirishc bitte lesen Sie die Dokumentation deutlich. 'ionic -v' gibt Ihnen die Version von ionic cli not Projektversion –

Antwort

1

ion-avatar wird in ionic2 Version implementiert, wo als item-avatar ist ionic1 kompatibel.

Möglicherweise verwenden Sie ion-avatar in einer v1 App, die der Grund für einen Fehler ist.

Sie offizielle Dokumentation für list-item hier

ionic-2

ionic v1

+0

Wie kann ich sagen, dass ich ionische 2 verwende? ionic --v sagt mir - 2.2.1. Ich habe ionic serve --lab verwendet, um die Client-Seite zu betreiben. – shirishc

+0

Wie haben Sie ein ionisches Projekt erstellt? Hast du '--v2' im Befehl benutzt? –

Verwandte Themen