register.page.html 1.2 KB

123456789101112131415161718192021222324252627282930313233
  1. <ion-header [translucent]="true">
  2.   <ion-toolbar>
  3.     <ion-title>register</ion-title>
  4.   </ion-toolbar>
  5. </ion-header>
  6. <ion-content class="ion-text-center">
  7.   <ion-card>
  8.     <ion-card-header>
  9.       注册
  10.     </ion-card-header>
  11.     <ion-card-content>
  12.       <ion-item>
  13.         <ion-label position="floating">用户名</ion-label>
  14.         <ion-input type="text" [(ngModel)]="username"></ion-input>
  15.       </ion-item>
  16.       <ion-item>
  17.         <ion-label position="floating">密码</ion-label>
  18.         <ion-input type="password" [(ngModel)]="password"></ion-input>
  19.       </ion-item>
  20.       <ion-item>
  21.         <ion-label position="floating">确认密码</ion-label>
  22.         <ion-input type="password" [(ngModel)]="confirmPassword"></ion-input>
  23.       </ion-item>
  24.       <ion-button expand="full" (click)="register()">确认注册</ion-button>
  25.       <ion-button expand="full" (click)="goToLogin()">返回登录</ion-button>
  26.       <ion-text *ngIf="registerFailed" color="danger">注册失败</ion-text>
  27.     </ion-card-content>
  28.   </ion-card>
  29. </ion-content>