Angular Bootstrap Typeahead - 在一个输入字段中检查多个单词

时间:2016-08-12 08:41:19

标签: javascript angularjs twitter-bootstrap autocomplete

关于环境的简短概述

我正在CEAN Stack上编写应用程序,它应该执行以下操作:

  • couchbase包含大量大型JSON文档

  • 我从Couchbase中的文档中获取了一堆JSON密钥

  • 用户有一个输入字段,他可以输入过滤条件以查找特定文档(例如" key1 = 10& key2> 20")

当前方法

目前我使用的是Angular Bootstrap Typeahead Plugin。 因此,当用户输入字母时,应用程序应搜索所提取的JSON密钥,以查找以输入的搜索字符串开头的密钥。 (例如,用户类型" ke"并且应用程序提供一个列表(" key1"," key2",...)。

这是此插件的常见用例。

我的问题

我希望输入框的行为类似于文本自动完成。因此,当用户开始输入时,应用程序会猜到密钥。 (让我们说他键入" ke"并选择key1)。现在用户继续写作,应用程序应检查新单词。 (例如,输入的内容现在是" key1 = 10& ke"应用程序现在应该再次建议匹配的键(例如" key2")。这是否可以使用此插件或者你是否为这个问题提出了其他解决方案?

提前致谢!

{{1}}

Plnkr

使用当前方法的Plunker(我采用了状态,因为我无法提供真正的密钥,但为了清除问题它应该足够了) 所以,当我写'#34; Alabama Te"它应该再次建议[" Texas",Tennesse"]。

0 个答案:

没有答案