Magic-search

An AngularJS widget that provides UI for faceted and text search.

View project on GitHub

About

This is an AngularJS widget that provides a UI for faceted and text search. There's a little more history and motivation provided in this blog post. Also, "bower info angular-magic-search" provides current package information.

Demo


Search Results - none ({{ demoCtrl.filtered_data.length }} items)
  • {{item.name}}

(search data courtesy of Skyrim)

Usage

To use magic-search in your application, you're free to click one of the download links, or clone the repo. If you are already using Bower, you can simply add “angular-magic-search” to your bower.json.

In your application, you'll need to import the css and javascript, then you can use the component like this.

<magic-search
  template="${request.static_path('eucaconsole:static/js/thirdparty/magic-search/magic_search.html')}"
  strings="{'remove':'Remove facet', 'cancel':'Clear search', 'prompt':'Select facets or enter text', 'text':'Text'}"
  facets="${search_facets}" filter-keys="${filter_keys}"></magic-search>

More details on integration are found in this post.

Authors and Contributors

The current list of contributors is best viewed here.