如何清除<p-autocomplete>选择值后？

Question

I have autocomplete and table. After selecting an item, I need to add it to the array and remove it from the autocomplete.

Сode below doesn't work

<p-autoComplete
  (completeMethod)="getEmployees($event.query)"
  (onSelect)="change($event)"
  [(ngModel)]="employee"
  [suggestions]="employees"
  field="title"
  minLength="0"
></p-autoComplete>


change(newVal): void {
  if (!newVal) {
    return;
  }
  if (this.memberExists(newVal)) {
    this.employee = null;
    return;
  }
  this.document.employees.push(this.employee);
  this.employee = null;
}

employee is object

Answer 1

you need to empty the employee property to make it empty after the change. I have assign an empty value to it assuming it is string.

you can assign it to empty value depending upon its data type.

 change(newVal): void { if (!newVal) { return; } if (this.memberExists(newVal)) { this.commission = null; return; } this.document.commission.push(this.commission); this.commission = null; // reset employee value to make it empty. this.employee = {}; }