Как реализовать этот компонент с множественной выборкой автозаполнения в Angular?

Question

введите описание изображения здесь Необходимо реализовать это текстовое поле с несколькими входами, так как предложения будут поступать из базы данных, и записи должны отражать как от внутреннего, так и от внешнего интерфейса при его вводе и от внешнего интерфейса добэкенд.

Answer 1

В передней части вы можете использовать PrimeNG AutoComplete компонент .Это компонент ввода, который обеспечивает подсказки в реальном времени при наборе текста.Чтобы включить множественный выбор, вам нужно добавить [multiple]="true", это будет выглядеть так:

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

Чтобы включить двустороннее связывание в угловых, вам нужно использовать [(ngModel)] конструкция.

ТакжеВы можете найти некоторые образцы, используя этот компонент на Github