PrimeNg Angular2 自动完成 全部清除

Question

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

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

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

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

Answer 1

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

Answer 2

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