app-myapp/modules/user/edit-info/edit-info.page.html

<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>资料编辑</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">
  <ion-header collapse="condense">
    <ion-toolbar>
      <ion-title size="large">资料编辑</ion-title>
    </ion-toolbar>
  </ion-header>

  <ion-card>
    <ion-card-header>
      <ion-card-title>{{currentUser?.get('username')}} - {{currentUser?.id}}</ion-card-title>
    </ion-card-header>
    <ion-card-content>
      <ion-list>
        <ion-item>
          <ion-input label="姓名" type="text" [(ngModel)]="userInfo.name"></ion-input>
        </ion-item>
        <ion-item>
          <ion-input label="手机" type="tel" [(ngModel)]="userInfo.mobile"></ion-input>
        </ion-item>
        <ion-item>
          <ion-select label="性别" [(ngModel)]="userInfo.gender">
            <ion-select-option value="男">男</ion-select-option>
            <ion-select-option value="女">女</ion-select-option>
          </ion-select>
        </ion-item>
        <ion-item>
          <ion-label>生日</ion-label>
          <ion-datetime-button datetime="birthday"></ion-datetime-button>
          <ion-modal [keepContentsMounted]="true">
            <ng-template>
              <ion-datetime id="birthday" displayFormat="MM/DD/YYYY" [(ngModel)]="userInfo.birthday"></ion-datetime>
            </ng-template>
          </ion-modal>
        </ion-item>
      </ion-list>
    </ion-card-content>
  </ion-card>

  <ion-button expand="block" (click)="save()">保存</ion-button>
  <ion-button expand="block" (click)="cancel()">取消</ion-button>
</ion-content>