Angular-QueryBuilder | modernized Angular 4 query builder | Router library
kandi X-RAY | Angular-QueryBuilder Summary
kandi X-RAY | Angular-QueryBuilder Summary
A modernized Angular 4+ query builder based on jquery QueryBuilder
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of Angular-QueryBuilder
Angular-QueryBuilder Key Features
Angular-QueryBuilder Examples and Code Snippets
Community Discussions
Trending Discussions on Angular-QueryBuilder
QUESTION
I am trying to create an filter page UI in angular. I am using angular2-query-builder module for this purpose.
For date field I am trying to give expressions along with custom date for filtering purposes. For example, user would have choice to select from multiple options like "Today", "Yesterday", "Tomorrow" and also "Custom-Date". I want to show the date picker, when custom date option is chosen.
Based on the code from the repository - angular2-query-builder-demo, if I give options parameter, I am able to give a dropdown to select one of the option. And I am also able to show date picker only when "Custom-Date" option is selected. But I am not able to select a date from the date picker and pass it to the query.
Config object in the component that I have currently:
...ANSWER
Answered 2020-Oct-28 at 18:57Few things that I see wrong with your code:
You are creating variables inside the template and using them and
ngModel
. I am not sure that will work. You need to create models in your component and then use those as ngModels to associate with AngularIf you sole purpose is data and template manipulation then you are using Angular the wrong way. You will be better off with Reactive Forms
Because of this
*ngIf="rule.value=='customDate'"
your input will disappear the moment a value gets added to it, provided that you use correct Angular models.
QUESTION
I'm planning to build a query builder using Angular
The feature is like to have a textbox which keep autopopulating the suggestions
[Field + Operator + Value] + (Keyword) + ...
Eg - Name = 'Technosaviour' OR Age > 2
The autocomplete should give suggestion of fields like [Name, Age]
Then [=, >, <, >=, etc]
Then [Techno, Saviour, Technosaviour]
Then the autocomplete should suggest [And, Or]
Before jumping into full blown coding can anyone suggest any existing libraries available ?
Eg - advance search (using JQL) in jira.
Similar to this https://zebzhao.github.io/Angular-QueryBuilder/demo/ but limited to a single textbox
...ANSWER
Answered 2020-Jan-18 at 11:49I did a POC on the project. Made it work to some extent, feel free to use it or improve it.
Github link https://github.com/luckvicky/Angular-Autocomplete-QueryBuilder/blob/master/README.md
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install Angular-QueryBuilder
Angular 8, use 0.5.1
Angular 6-7, use 0.4.2
Angular 4-5, use 0.3.2
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page