How to set ion-avatar center

image

and I want to know about get data to show in sidemenu. thanks

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


  <ion-content>
    <ion-avatar class="avatar" >
    <img src="http://www.precision-spine.com/wp-content/uploads/2015/09/person-icon.png">
    </ion-avatar>

  <h3>{{...}}</h3>   <------- How to get data to show this ,what .ts file to edit code
    <ion-list>
      <button menuClose ion-item *ngFor="let p of loggedInPages" (click)="openPage(p)">
        <ion-icon item-left [name]="p.icon" ></ion-icon>
        {{p.title}}
      </button>
    </ion-list>

  </ion-content>
</ion-menu>

[SOLVED] ok. I got it
change

.avatar{
   margin: auto;
}

and I have 1 question ,How to get data from http to show ion-menu?

3 Likes

Congrats on fixing your first problem - please create a new thread for the second one.