单个文本框中的 Angular Querybuilder 会自动建议下一个查询

标签 angular autocomplete angular-material query-builder jql

我计划使用 Angular 构建一个查询生成器

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

自动完成应该给出[姓名、年龄]等字段的建议
然后 [=、>、<、>= 等]
然后[技术,救世主,技术救世主]
然后自动完成应该建议 [And, Or]

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

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

最佳答案

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

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

Demo

关于单个文本框中的 Angular Querybuilder 会自动建议下一个查询,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59720392/

相关文章:

angular-material - 使用 Material dayjs 日期适配器处理分隔符

带搜索栏的 Angular 创建 Material 工具栏

javascript - 为什么 Angular 要求我们在 declarations 数组和 entryComponents 数组中声明动态组件?

angular - RXJS:返回外部可观察值的操纵值

visual-studio-2010 - 在 Visual Studio 中,如何过滤自动完成功能,使其不显示扩展方法并仅显示 native 成员?

javascript - Google maps Places API V3 自动完成 - 输入时选择第一个选项

html - Angular Material 使页眉和页脚变得粘稠

angular - 通过单击按钮更改选项卡 Angular Material 5

angular2 和 ngIf - 测试是否大于或小于

javascript - 向 NetBeans 添加 javascript 支持