Nicht in der Lage, einen abgerundeten Avatar zu machen

Question

Ich versuche, einen abgerundeten Avatar in der Kopfzeile eines Seitenmenüs auf ionic2 Framework zu tun.

Dies ist mein Code

<ion-menu [content]="content"> 

    <ion-header> 
    <ion-toolbar > 
    <!-- <ion-title>Options</ion-title>--> 
    <span><ion-avatar item-left> 
     <img src="./assets/img/defAvatar.png"> 
     </ion-avatar> <h1>User</h1></span> 
    </ion-toolbar> 
    </ion-header> 

    <ion-content> 
    <ion-list> 
     <button ion-item *ngFor="let p of pages" (click)="openPage(p)"> 
     {{p.title}} 
     </button> 
    </ion-list> 
    </ion-content> 

</ion-menu> 
<ion-nav [root]="rootPage" #content swipeBackEnabled="false"></ion-nav> 

Wenn y diesen Code starten ionischen dienen --lab dies das Ergebnis ist

Was wäre falsch?

Answer 1

Versuchen mit ion-item

<ion-header> 
    <ion-toolbar > 
    <ion-item> 
     <ion-avatar item-left> 
     <img src="./assets/img/defAvatar.png"> 
     </ion-avatar> <h1>User</h1> 
     </ion-item> 
    </ion-toolbar> 
    </ion-header> 

prüfen here