如何在Angular中实现此多选自动完成反应组件?

时间:2018-09-25 11:56:48

标签: autocomplete angular6 multi-select

enter image description here需要实现此多输入文本框,因为建议将来自数据库,并且条目需要从输入时的后端到前端以及从前端到后端都进行反映。

1 个答案:

答案 0 :(得分:0)

您可以在前端使用PrimeNG AutoComplete component。它是输入组件,可在键入时提供实时建议。要启用多项选择,您需要添加[multiple]="true",如下所示:

<p-autoComplete [(ngModel)]="texts" [suggestions]="results" [multiple]="true"></p-autoComplete>

要启用成角度的双向绑定,您需要使用[(ngModel)]构造。

此外,您可以在Github

使用此组件找到一些示例。