AngularJS Query Builder similar to http://redquerybuilder.appspot.com/

angularjs query-builder redquerybuilder
Maneesh Thareja picture Maneesh Thareja · Jan 22, 2014 · Viewed 13.3k times · Source

I am trying to create a complete query builder with AngularJS only. I have seen http://redquerybuilder.appspot.com/ which is awesome but not with AngularJS and I would like to create in AngularJS.

Can you please advise if it is already available or the some help because query branching would be nested.

Answer

niklr picture niklr · Oct 16, 2015

Maybe this is what you are looking for: http://niklr.github.io/angular-query-builder/

It is similar to the query builder of mfauveau but with additional features such as:

  • Autocomplete based on selected options implemented with Bootstrap's typeahead plugin.
  • Dynamic source fields based on selected source types.
  • Dynamic comparison operators based on selected source field.
  • Nested form validation.
  • Configurable maximum for groups and conditions.
  • Fancy enter and leave animations for groups and conditions.

Related questions

if else statement in AngularJS templates

I want to do a condition in an AngularJS template. I fetch a video list from the Youtube API. Some of the videos are in 16:9 ratio and some are in 4:3 ratio. I want to make a condition like this: if …

Read More
How do I use $scope.$watch and $scope.$apply in AngularJS?

I don't understand how to use $scope.$watch and $scope.$apply. The official documentation isn't helpful. What I don't understand specifically: Are they connected to the DOM? How can I update DOM changes to the model? What is the connection …

Read More
AngularJS ngClass conditional

Is there any way to make an expression for something like ng-class to be a conditional? For example, I have tried the following: <span ng-class="{test: 'obj.value1 == \'someothervalue\''}">test</span> The issue with this …

Read More