在 Angular 7 中-如何禁用 chrome 自动填充和管理密码选择列表

Question

在 Angular 7 中 - 如何禁用 chrome 自动填充和管理密码选择列表？

我尝试过的事情：

• autocomplete="关闭"
• autocomplete="假"

这是我的表格：

<form class="col-12" [formGroup]="form" autocomplete="off" (ngSubmit)="onSubmit()">

  <label>Email*</label>
  <input type="email" formControlName="email" placeholder="" class="col-12 mb1 field">    

  <label>Password*</label>
  <input type="password" formControlName="password" placeholder="" class="col-12 mb1 field">

  <label>Confirm Password*</label>
  <input type="password" formControlName="confirmPassword" class="col-12 mb2 field">


  <button type="submit" [disabled]="!form.valid" class="btn btn-primary col-12" prevent-double-submit>Get Started</button>
</form>

Answer 1

试试这个古老但有效的解决方案 - autocomplete="new-password"

Chromium Issue 370363 reference

Stack overflow reference

Answer 2

你可以通过两种方式解决这个问题，

1) 在您的 HTML 中设置 autocomplete=null。

2) 如果你对在 HTML 中使用 null 不感兴趣，你需要创建一个指令。

ng g d Autocomplete

并修改 AutocompleteDirective 类如下：

private element: HTMLInputElement;
  constructor(private elRef: ElementRef) {
  this.element = elRef.nativeElement;
}
ngOnInit() {
  this.element.autocomplete = null //this will override default autocomplete.
}

在你的模板中：

<input appAutocomplete type="email" formControlName="email" placeholder="" class="col-12 mb1 field">