forget-pwd.html

<ion-header>

  <ion-navbar>
    <ion-title>忘记密码</ion-title>
  </ion-navbar>

</ion-header>

<ion-content class="content-box">
  <ng-container *ngIf="!isSend">
    <div class="pwd-item">
      <img src="./assets/imgs/icon-phone-gray.png" class="pwd-img">
      <input [(ngModel)]="user.phone" class="pwd-content" (ngModelChange)="nextCheck()" type="text" required placeholder="请输入手机号码" />
      <button [disabled]="disabledClick" class="sendCode" (click)="sendCode()">{{verifyText}}</button>
    </div>
    <div class="pwd-item">
      <img src="./assets/imgs/icon-password-confirm.png" class="pwd-img">
      <input [(ngModel)]="user.code" class="pwd-content" (ngModelChange)="nextCheck()" type="text" required placeholder="请输入验证码" />
    </div>
    <div class="modify-btn">
      <button [class.next]="nextClick" [disabled]="!nextClick" class="submit-btn submit" (click)="next()">下一步</button>
    </div>
  </ng-container>
  <ng-container *ngIf="isSend">
    <div class="pwd-item">
      <img src="./assets/imgs/icon-password-new.png" class="pwd-img">
      <input [(ngModel)]="passwordInfo.modifyPassword" class="pwd-content" type="password" required placeholder="新密码以英文字母开头，同时包含数字，长度8-20位"
      />
    </div>
    <div class="pwd-item">
      <img src="./assets/imgs/icon-password-confirm.png" class="pwd-img">
      <input [(ngModel)]="passwordInfo.sureModifyPassword" class="pwd-content" type="password" required placeholder="再次输入新密码" />
    </div>
    <div class="modify-btn">
      <button class="submit-btn submit done" (click)="sureModifyPassword()">确认</button>
    </div>
  </ng-container>
</ion-content>