
    <nz-input-password>
      <input nz-input placeholder="input password" [(ngModel)]="password" />
    </nz-input-password>
    <br />
    <br />
    <nz-input-password>
      <input nz-input placeholder="input password" [(ngModel)]="password" />
      <ng-template nzInputPasswordIcon let-visible>
        @if (visible) {
          <nz-icon nzType="eye" nzTheme="twotone" />
        } @else {
          <nz-icon nzType="eye-invisible" nzTheme="outline" />
        }
      </ng-template>
    </nz-input-password>
    <br />
    <br />
    <nz-flex nzGap="8px">
      <nz-input-password [(nzVisible)]="passwordVisible" [style.flex]="1">
        <input nz-input placeholder="input password" [(ngModel)]="password" />
      </nz-input-password>
      <button nz-button (click)="passwordVisible.set(!passwordVisible())">
        {{ passwordVisible() ? 'Hide' : 'Show' }}
      </button>
    </nz-flex>
    <br />
    <nz-input-password>
      <input nz-input placeholder="input password" [(ngModel)]="password" disabled />
    </nz-input-password>
  