无法制作圆形头像

时间:2017-01-18 12:17:00

标签: android ios ionic2 avatar

我正试图在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将此代码启动到离子服务时 - 这是结果

enter image description here

会出现什么问题?

1 个答案:

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