angular - 对于 Angular 材料，禁用输入的自动填充或自动完成建议？

Question

我只是使用像这样的简单输入容器

<mat-form-field >
                    <input matInput placeholder=" Old Password"  autocomplete ="off" formControlName="OldPassword" [type]="hideOldPassword ? 'password' : 'text'" >

<button mat-icon-button matSuffix (click)="hideOldPassword = !hideOldPassword" [attr.aria-label]="'Hide password'" [attr.aria-pressed]="hideOldPassword">
<mat-icon>{{hideOldPassword ? 'visibility_off' : 'visibility'}}</mat-icon>
</button>
<mat-hint align="end">Enter the Old Password</mat-hint>
<mat-error *ngIf="hasError('OldPassword', 'required')">OldPassword is required</mat-error>
</mat-form-field>

我需要已经保存的密码不在输入字段中显示。我正在使用 autocomplete="off" 和 autocomplete="false"。但没有禁用。请提出任何答案

标签： angulartypescriptangular-forms

Answer 1

从 V34 开始，Chrome 不支持autocomplete="off". 相反，您应该使用autocomplete="new-password". 对于Mozilla我不确定。你可以参考文档。

<mat-form-field >
<input matInput placeholder=" Old Password"  autocomplete ="new-password"  formControlName="OldPassword" [type]="hideOldPassword ? 'password' : 'text'" >

有关更多详细信息，请参阅此链接。