瀏覽代碼

密码框眼睛

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>