我一直在进行Angular 15的迁移。
今天，我的问题是一个输入密码，显示两只眼睛的第一次我们输入的东西在外地。
HTML文件中的代码如下：

<mat-form-field appearance="fill">
  <mat-label>Password</mat-label>
  <input matInput [type]="showPassword ? 'text' : 'password'" name="password">
  <mat-icon matSuffix (click)="togglePasswordVisibility()">
    {{showPassword?'visibility_off':'visibility'}}
  </mat-icon>
</mat-form-field>

在相应的Typescript组件中类似这样的内容：

...
  public showPassword: boolean = false;
  public togglePasswordVisibility(): void {
    this.showPassword = !this.showPassword;
  }
...

结果是：

有什么想法吗

• • 更新**

我找到了一个解决方案，通过使用以下CSS删除输入密码切换：

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear
{
  display: none;
}