我正试图在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将此代码启动到离子服务时 - 这是结果
会出现什么问题?
答案 0 :(得分:2)
尝试使用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