如何在輸入字段中禁用自動完成功能：Angular

Question

我有一個反應式表單，我在其中使用輸入字段。 我想為任何類型的瀏覽器禁用輸入類型的自動完成功能。 我在輸入和表單級別都嘗試過 autocomplete="off" 。 但它不起作用。

如何創建一個 Angular 指令來禁用所有瀏覽器的自動完成。 這是我正在使用的代碼 -

<form autocomplete="off" [formGroup]="registration" (ngSubmit)="registerOnSubmit()">
  <div>
    <input type="text" name="firstName" id="firstName" autocomplete="off" formControlName="firstName" />
    <label>Name</label>
  </div>
  <div>
    <input type="text" name="lastName" id="lastName" autocomplete="off" formControlName="lastName" />
    <label>Name</label>
  </div>
  <button>submit</button>
</form>

Answer 1

據此： Turning_off_form_autocompletion | 開發人員 - Mozilla 。

如果瀏覽器在將自動完成設置為關閉后仍繼續提供建議，那么您必須更改 input 元素的 name 屬性。