angular 4 反应形式与材料 2，禁用自动完成

Question

我正在使用 angular cli、angular 4 和 angular material 2。我需要禁用 chrome 自动完成功能，但我无法这样做。

我已经搜索并发现我需要在表单和输入中添加 autocomplete=off 或 autocomplete=false 。我还通过添加 type="search" 找到了一种解决方法。它们似乎都不起作用。

材料或角度是否覆盖此说明？

我正在使用反应形式！

有什么建议吗？

在此先感谢您的帮助

Answer 1

Chrome 不再支持autocomplete="off"（Chrome 在 34.0 中停止支持）。相反，请改用autocomplete="new-password"。你可以在这里查看 Mozilla 的文档

从文档：

出于这个原因，许多现代浏览器不支持登录字段的 autocomplete="off"：

如果站点为用户名和密码输入字段设置了 autocomplete="off"，那么浏览器仍会提供记住此登录信息，如果用户同意，浏览器将在用户下次访问该页面时自动填充这些字段。这是 Firefox（自版本 38）、Google Chrome（自 34）和 Internet Explorer（自版本 11）中的行为。

如果作者想防止在用户管理页面中自动填充密码字段，用户可以在其中为自己以外的人指定新密码，则应指定 autocomplete="new-password"，尽管在所有浏览器呢。

例子：

<mat-form-field *ngIf="filter.editorType==='text'">
    <input matInput autocomplete="new-password"
    [formControlName]="filter.id" 
    [placeholder]="filter.name" 
    (keyup.enter)="onApplyFiltersKeyboard()">
</mat-form-field>