離子頭像不工作，但項目具象做

Question

我顯示的離子代碼的兩個版本，我已經寫了下面。使用離子頭像的那個似乎不起作用，但是如果我使用它的頭像頭像的話。

這一個不工作

<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> 

這一個工程

<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> 

雖然我的代碼是罰款和工作，我很奇怪，爲什麼第一個不能正常工作。我已經安裝了離子2.2.1。

感謝和問候

Answer 1

ion-avatar在ionic2版本，其中爲item-avatar是ionic1兼容的實現。

您可能會在v1的應用程序，是錯誤的原因使用ion-avatar。

您可以檢查官方的文檔爲list-item這裏

ionic-2

ionic v1