https://github.com/tricinel/angular-facetly

Faceted search box for AngularJS
https://github.com/tricinel/angular-facetly

Last synced: about 20 hours ago
JSON representation

Faceted search box for AngularJS

• Host: GitHub
• URL: https://github.com/tricinel/angular-facetly
• Owner: tricinel
• License: mit
• Created: 2016-07-20T14:14:40.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-03-16T07:54:15.000Z (over 6 years ago)
• Last Synced: 2024-10-30T05:57:46.408Z (8 days ago)
• Language: JavaScript
• Size: 87.9 KB
• Stars: 0
• Watchers: 5
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
angular-facetly

=============================

Enhance ordinary search boxes with the autocomplete faceted search. No jQuery.

[![Build Status](https://travis-ci.org/tricinel/angular-facetly.svg)](https://travis-ci.org/tricinel/angular-facetly)

#### Features:

* Faceted search queries

* Autocomplete for facets and facet options

* Multiple facet types, e.g. text, select, multiselect, hierarchies

* Keyboard/Mouse navigation

##### Usage:

Get the binaries of angular-facetly with any of the following ways.

```sh

bower install angular-facetly --save

```

Make sure to load the scripts in your html.

```html

```

And Inject the sortable module as dependency.

```

angular.module('myApp', ['ngFacetly']);

```

###### Html Structure:

You can also check out the [demo](./demo) folder.

```javascript

function MainController() {

  var vm = this;

  vm.model = {};

  vm.options = {

    defaultFacet: 'keywords',

    placeholder: 'Search here...'

  };

  vm.facets = [

    {

      id: 'keywords',

      label: 'Keywords',

      type: 'text'

    },

    {

      id: 'city',

      label: 'City',

      type: 'select',

      options: [

        {

          id: 'ny',

          title: 'New York'

        },

        {

          id: 'sf',

          title: 'San Francisco'

        },

      ]

    },

  ];

  vm.doSearch = function() {

    console.log(vm.model);

  };

}

```

```html



  



```


##### Coming next

* Validation for inputs

##### License

MIT, see [LICENSE.md](./LICENSE.md).