PrimeNg Angular2 自动完成清除所有答案

【问题标题】：PrimeNg Angular2 Autocomplete Clear allPrimeNg Angular2 自动完成清除所有
【发布时间】：2018-12-28 12:35:54
【问题描述】：

现在，我正在使用 primeng 自动完成下拉菜单，但我们没有清除/重置功能。

当我从下拉列表中选择一个结果时，一个清除/重置图标 (x) 应该出现在输入中，然后单击 (x) 它将清除输入框。

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

任何人都有更好的解决方案。

【问题讨论】：

标签： angular2-forms primeng primeng-dropdowns

【解决方案1】：

您可以使用 PrimeNg 芯片。当从下拉列表中选择一个选项时，您可以在芯片中显示该值作为关闭按钮。这是最干净、视觉上最令人愉悦的方式。

【讨论】：

【解决方案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='';
}

【讨论】：

我不得不使用 >

【解决方案3】：

只需添加 type=search <p-autocomplete type="search" ...>

【讨论】：