modify-password.component.html

<nz-modal [nzMaskClosable]="false" [(nzVisible)]="isVisible" [nzTitle]="title" (nzOnCancel)="handleCancel()" (nzOnOk)="handleOk()"
          [nzOkLoading]="isOkLoading">
    <form nz-form [formGroup]="validateForm">
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzRequired nzFor="oldPassword">旧密码</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <input type="password" nz-input formControlName="oldPassword" placeholder="密码">
                <nz-form-explain
                        *ngIf="validateForm.get('oldPassword').dirty && validateForm.get('oldPassword').errors">请输入密码
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzRequired nzFor="newPassword">新密码</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <input type="password" nz-input formControlName="newPassword" placeholder="密码">
                <nz-form-explain
                        *ngIf="validateForm.get('newPassword').dirty && validateForm.get('newPassword').errors">
                    新密码必须包含数字、英文字母，长度8-20位
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
        <nz-form-item>
            <nz-form-label [nzSpan]="7" nzRequired nzFor="realPassword">确认密码</nz-form-label>
            <nz-form-control [nzSpan]="12">
                <input type="password" nz-input formControlName="realPassword" placeholder="确认密码">
                <nz-form-explain
                        *ngIf="validateForm.get('realPassword').dirty && validateForm.get('realPassword').errors">
                    新密码必须包含数字、英文字母，长度8-20位
                </nz-form-explain>
            </nz-form-control>
        </nz-form-item>
    </form>
</nz-modal>