소스 검색

密码框眼睛

wangming 1 년 전
부모
커밋
1a27de9fd5
1개의 변경된 파일2개의 추가작업 그리고 1개의 파일을 삭제
  1. 2 1
      src/app/routes/passport/login/login.component.html

+ 2 - 1
src/app/routes/passport/login/login.component.html

@@ -21,7 +21,8 @@
           <input nz-input [type]="passwordVisible ? 'text' : 'password'" formControlName="password" placeholder="请输入密码" />
         </nz-input-group>
         <ng-template #suffixTemplate>
-          <span nz-icon [nzType]="passwordVisible ? 'eye-invisible' : 'eye'" (click)="passwordVisible = !passwordVisible"></span>
+          <span nz-icon *ngIf="passwordVisible" [nzType]="'eye-invisible'" (click)="passwordVisible = !passwordVisible"></span>
+          <span nz-icon *ngIf="!passwordVisible" [nzType]="'eye'" (click)="passwordVisible = !passwordVisible"></span>
         </ng-template>
       </nz-form-control>
     </nz-form-item>