Не удалось сделать закругленный аватар

Question

Я пытаюсь сделать закругленный аватар в заголовке бокового меню на основе ionic2.

Это мой код

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

Когда у запустить этот код Ионные служить --lab это результат

Что бы неправильно?

Answer 1

Попробуйте с 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> 

Проверить here