<ion-header>
  <ion-toolbar>
    <ion-title>{{userInfo.username}} - {{userInfo.objectId}}</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-card>
    <ion-card-content>
      <ion-item>
        <ion-label>Name</ion-label>
        <ion-input type="text" [(ngModel)]="userInfo.name"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>Mobile</ion-label>
        <ion-input type="text" [(ngModel)]="userInfo.mobile"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label>Gender</ion-label>
        <ion-select [(ngModel)]="userInfo.gender">
          <ion-select-option value="male">Male</ion-select-option>
          <ion-select-option value="female">Female</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item>
        <ion-label>Birthday</ion-label>
        <ion-datetime displayFormat="MM/DD/YYYY" [(ngModel)]="userInfo.birthday"></ion-datetime>
      </ion-item>
    </ion-card-content>
  </ion-card>

  <ion-button expand="full" (click)="save()">Save</ion-button>
  <ion-button expand="full" (click)="cancel()">Cancel</ion-button>
</ion-content>