angular2-searchbox

An implementation to add advanced searching capabilities into a reusable UI to help build parameters based off of filters, queries and operators to send off to a search API.

Usage no npm install needed!

<script type="module">
  import angular2Searchbox from 'https://cdn.skypack.dev/angular2-searchbox';
</script>

README

Angular ![GitHub version](https://img.shields.io/github/tag/tybeck/angular2-searchbox.svg?maxAge=180000)     ![Commits Since](https://img.shields.io/github/commits-since/tybeck/angular2-searchbox/v1.0.27svg?maxAge=180000)     ![NPM Dependencies](https://david-dm.org/tybeck/angular2-searchbox.svg)     ![NPM Dev Dependencies](https://david-dm.org/tybeck/angular2-searchbox/dev-status.svg)     ![Total Downloads](https://img.shields.io/github/downloads/angular2-searchbox/angular2-searchbox/total.svg?maxAge=180000)    

Angular2 Searchbox - Alpha

Currently in development!

An implementation to add advanced searching capabilities into a reusable UI to help build parameters based off of filters, queries and operators to send off to a search API.

Looking for angular 1.x version? You can find that here: https://github.com/tybeck/pure-angular-advanced-searchbox

Features

  • Basic Search Query Input Box
  • Filters
  • Filter Selectors - Selectors for filters (Contains, Is Equal To, etc).
  • Operators - OR/AND support between filters to give more advanced searchbox functionality.
  • Drag and Drop - Swap / Insert Before and After functionality for filters to change arrangement.
  • Validation - Validators on filters allows control over when search get's updated based on valid entries.
  • Middlewares - to modify values within filters after user input.
  • Externalized Configuration / HTML (In Progress)
  • Grouping (In Progress)