完成多值自动完成

Question

我正在尝试基于API创建自动完成文本框。我遇到this并且效果非常好。

但是，有一些限制：

1）API的响应中的整个列表将一次性提供。想象一下，如果有一百万件物品

2）当一个项目被输入但没有从下拉列表中选择时，没有处理它的逻辑（在Stack Overflow Tags部分尝试它 - 你可以开始输入并输入一个＆＃34;逗号＆＃ 34;它将成为标签）

有人可以建议执行以下操作的自动完成模块：

1）支持基于API的多值自动完成（就像Stack Overflow上的标签一样），API的参数是键入的值

2）支持不匹配关键字的场景

我的筹码： AngularJS，MondoDB和NodeJS（带Express）

我的标签数据如下所示：

[
{"name":"tag1"},
{"name":"tag2"},
{"name":"tag3"}
]

以下是我实施模块的方式：

<multiple-autocomplete ng-model="post.tags" object-property="name" api-url="/api/searchAllTags"></multiple-autocomplete>

我非常绝望，因为我被困在这两个多星期没有任何线索。任何输入都会有所帮助。

提前致谢

Answer 1

通过询问Quora来找到答案。看看这个jQuery模块：

https://select2.github.io/ - 它具有完整的自动完成标记系统所需的所有功能。