/angular-query-builder

Dynamic query building UI written in Angular and Bootstrap. http://niklr.github.io/angular-query-builder

Primary LanguageJavaScriptMIT LicenseMIT

Angular Query Builder

Demo: http://niklr.github.io/angular-query-builder

This is a sample HTML / JavaScript application that demonstrates how to use AngularJS to create a dynamic query building web UI.

The project was inspired by: https://github.com/mfauveau/angular-query-builder

Additional features:

  • 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.

Dependencies:

Building Angular Query Builder

Once you have your environment setup just run:

grunt release-watch