Angular 单个文本框中的查询生成器,自动建议下一个查询

Angular Querybuilder in a single textbox with auto suggestion of next query

我打算使用 Angular

构建查询生成器

该功能就像有一个文本框,可以自动填充建议
[字段 + 运算符 + 值] +(关键字)+ ...
例如 - 姓名 = 'Technosaviour' 或年龄 > 2

自动完成应该给出[姓名,年龄]
等字段的建议 然后 [=、>、<、>= 等]
然后 [Techno, Saviour, Technosaviour]
然后自动完成应该建议 [And, Or]

在开始全面编码之前,任何人都可以建议任何可用的现有库吗?
例如 - 在 jira 中进行高级搜索(使用 JQL)。

与此类似https://zebzhao.github.io/Angular-QueryBuilder/demo/但仅限于单个文本框

我对该项目进行了 POC。 使它在一定程度上起作用,请随意使用或改进它。

Github link https://github.com/luckvicky/Angular-Autocomplete-QueryBuilder/blob/master/README.md