В Angular 7 - как отключить автозаполнение Chrome и управлять списком выбора паролей

Question

В Angular 7 - как отключить автоматическое заполнение Chrome и управлять списком выбора паролей?

Что я пробовал:

• autocomplete = "off "
• autocomplete =" false "

Это моя форма:

<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"

Ссылка на выпуск хрома 370363

Ссылка на переполнение стека

Answer 2

вы можете решить эту проблему двумя способами,

1) Установите autocomplete=null в своем HTML.

2) Если вы не заинтересованы в использовании null в HTML, вам необходимосоздайте директиву.

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">