Use the wj-auto-complete directive to add AutoComplete controls to your AngularJS applications. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<p>Here is an AutoComplete control:</p>
<wj-auto-complete
  text="theCountry"
  items-source="countries"
  is-editable="false"
  placeholder="country">
</wj-auto-complete>

The example below creates an AutoComplete control and binds it to a 'countries' array exposed by the controller. The AutoComplete searches for the country as the user types, and narrows down the list of countries that match the current input.

Example

The wj-auto-complete directive extends wijmo.angular.input.WjComboBox with the following attributes:

css-match

@ The name of the CSS class used to highlight parts of the content that match the search terms.

delay

@ The amount of delay in milliseconds between when a keystroke occurs and when the search is performed.

items-source-function

= A function that provides the items dynamically as the user types.

max-items

@ The maximum number of items to display in the dropdown.

min-length

@ The minimum input length to require before triggering autocomplete suggestions.