password 처리

src/app/modules/admin/member/partner/compose/regist-compose.component.html

@@ -81,7 +81,14 @@
     <!-- Subject -->
     <mat-form-field>
       <mat-label>비밀번호</mat-label>
-      <input matInput [formControlName]="'password'" />
+      <input
+        [type]="hide ? 'password' : 'text'"
+        matInput
+        [formControlName]="'password'"
+      />
+      <mat-icon matSuffix (click)="hide = !hide">{{
+        hide ? "visibility off" : "visibility"
+      }}</mat-icon>
       <mat-error *ngIf="composeForm.get('password')?.hasError('required')">
         비밀번호는 필수 입력입니다.
       </mat-error>
@@ -93,7 +100,14 @@
 
     <mat-form-field>
       <mat-label>환전 비밀번호</mat-label>
-      <input matInput [formControlName]="'exchangePassword'" />
+      <input
+        [type]="hide ? 'password' : 'text'"
+        matInput
+        [formControlName]="'exchangePassword'"
+      />
+      <mat-icon matSuffix (click)="hide = !hide">{{
+        hide ? "visibility_off" : "visibility"
+      }}</mat-icon>
       <mat-error
         *ngIf="composeForm.get('exchangePassword')?.hasError('required')"
       >

src/app/modules/admin/member/partner/compose/regist-compose.component.ts

@@ -47,6 +47,7 @@ export class RegistComposeComponent implements OnInit {
     message: '등록이 성공하였습니다.',
   };
 
+  hide: boolean = true;
   showAlert: boolean = false;
   isSendDisable = false;
   /**