PrimeNg Angular2自动完成功能全部清除

时间:2018-07-20 08:38:12

标签: angular2-forms primeng primeng-dropdowns

现在,我正在使用primeng自动完成下拉列表,因此我们没有清除/重置功能。<​​/ p>

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

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

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

3 个答案:

答案 0 :(得分:0)

您可以使用PrimeNg芯片。当从下拉菜单中选择一个选项时,您可以在芯片中显示该值作为芯片上的关闭按钮。这是最干净,最直观的方式。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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