v5.20191.606
|

WjAutoComplete Class

AngularJS directive for the AutoComplete control.

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.

Hierarchy