PrimeNg Angular2 Автозаполнение Очистить все

Question

Прямо сейчас я использую раскрывающееся меню автозаполнения, и в этом у нас нет функции очистки / сброса.

Когда я выбираю результат из выпадающего списка, на входе должен появиться значок сброса / сброса (x), и нажмите (x), чтобы очистить поле ввода.

<p-autoComplete [(ngModel)]="text" [suggestions]="results" (completeMethod)="search($event)"
            [dropdown]="true"></p-autoComplete>

У кого-нибудь есть лучшее решение для этого.

Answer 1

Just add type=search<p-autocomplete type="search" ...>

Answer 2

<p-autoComplete [(ngModel)]="text" [suggestions]="results" (completeMethod)="search($event)" [dropdown]="true"></p-autoComplete>
<i class="fa fa-reset" (click)="onClear()"></i>       

onClear(){
    this.text='';
}

Answer 3

Вы можете использовать PrimeNg Chip. Когда опция выбрана из выпадающего меню, вы можете отобразить значение в микросхеме в виде кнопки закрытия на нем. Это самый чистый и приятный на вид способ сделать это.