ember-searchable-collection

The searchable-collection component offers simple search functionality with a minimal, flexible UI.

NOTE: the searchable-collection component uses contextual components, and requires Ember 2.3 or higher.

1{{#searchable-collection (array "apples" "oranges" "bananas") as |search|}}
2  <p>
3    {{!-- search input --}}
4    {{search.field}}
5  </p>
6
7  <p>
8  {{#each search.results as |fruit|}}
9    {{fruit}}<br>
10  {{/each}}
11  </p>
12{{/searchable-collection}}

For more complex collection members, we're able to define which properties are queryable using the searchableProperties property:

1{{#searchable-collection
2  (array
3    (hash
4      name="apples"
5      opinion="good"
6    )
7    (hash
8      name="oranges"
9      opinion="awesome"
10    )
11    (hash
12      name="bananas"
13      opinion="meh"
14    )
15  )
16  searchableProperties=(array "name" "opinion")
17as |search|}}
18  {{search.field}}
19
20  {{#each search.results as |fruit|}}
21    {{fruit.name}} ({{fruit.opinion}})
22  {{/each}}
23{{/searchable-collection}}

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test (Runs ember try:testall to test your addon against multiple Ember versions)
• ember test
• ember test --server

Building

• ember build

For more information on using ember-cli, visit http://ember-cli.com/.