Primeng: Clear icon for AutoComplete

[zhangkang1521]

when selected item contains many character,we need typewrite BackSpace key too many times,it's not convenient!

[sanketsw]

I need this feature too. something like

[kevinhaeni]

I also have need for this.

[jklapwijk]

Would be handy!

[dev-amitkmishra]

Any update on this?

[Laoujin]

Building on @sanketsw answer:

<p-autoComplete #ref type="search" (onBlur)="onBlur()" ... />

import {AutoComplete} from 'primeng/autocomplete';


@ViewChild('ref') ref: AutoComplete;

onBlur(): void {
  if (!this.ref.inputEL.nativeElement.value) {
      // Set to null manually:
      this.control.setValue(null);
      this.value = null;
  }
}

[augustobreno]

I also need this feature. Dropdown does it very well with [showClear]="true".

[augustobreno]

There's a Pull Request above to fix this.