ember-simple-typeahead v0.2.1

Ember-simple-typeahead

A lightweight, highly functional typeahead component for select or autocomplete forms and the like.

Ember-simple-typeahead makes very few assumptions about what to display and when, relying instead on the developer to handle all application-domain logic like data fetching, formatting, and filtering.

The component has no external, non-ember dependencies.

Installation

ember install ember-simple-typeahead

Usage

{{#typeahead-input
  value=userQueryString
  placeholder='Search for users...'
  items=systemUsers
  onValueChange=(action 'searchForSystemUsers')
  onItemEnter=(action 'addUserToWorkspace')
  as |input|
}}

  {{#input.message}}
    {{#if loadingSystemUsers}}
      <div class="loading-spinner-container">{{x-spinner color='#aaa' radius=4}}</div>
    {{else if loadingSystemUsersError}}
      <p class="warning">Error Loading Users</p>
    {{else if (eq systemUsers.length 0)}}
      <p>No users match the query <strong>{{userQueryString}}</strong></p>
    {{/if}}
  {{/input.message}}

  {{#input.list as |list|}}
    {{#list.item as |user|}}
      {{user.label}}
    {{/list.item}}
  {{/input.list}}

{{/typeahead-input}}