丸いアバターを作ることができません

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> 

あるyが、これは間違っているだろうどのような結果

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