# Wijmo_Angular_Input.Wjautocomplete

## Content

<div class="content__tsd">
						<div style="display:flex;justify-content:space-between;align-items:center">
							<h1>
								WjAutoComplete Class
							</h1>
						</div>
						<section class="tsd-comment">
							<div class="tsd-comment">
								<div class="lead">
									<p>AngularJS directive for the <a href="wijmo_input.autocomplete.html">AutoComplete</a> control.</p>
								</div>
								<p>Use the <b>wj-auto-complete</b> directive to add <b>AutoComplete</b> 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>
								<pre>&lt;p&gt;Here is an AutoComplete control:&lt;/p&gt;
&lt;wj-auto-complete
  text="theCountry"
  items-source="countries"
  is-editable="false"
  placeholder="country"&gt;
&lt;/wj-auto-complete&gt;</pre>
								<p>The example below creates an <b>AutoComplete</b> control and binds it to a 'countries' array
									exposed by the controller. The <b>AutoComplete</b> searches for the country as the user
								types, and narrows down the list of countries that match the current input.</p>
								<p><a href="https://jsfiddle.net/Wijmo5/37GHw/" target="_blank">Example</a></p>
								<p>The <b>wj-auto-complete</b> directive extends <a href="wijmo_angular_input.wjcombobox.html">wijmo.angular.input.WjComboBox</a> with the following attributes:</p>
								<dl class="dl-horizontal">
									<dt>css-match</dt>            <dd><code>@</code> The name of the CSS class used to highlight
									parts of the content that match the search terms.</dd>
									<dt>delay</dt>                <dd><code>@</code> The amount of delay in milliseconds between
									when a keystroke occurs and when the search is performed.</dd>
									<dt>items-source-function</dt><dd><code>=</code> A function that provides the items
									dynamically as the user types.</dd>
									<dt>max-items</dt>            <dd><code>@</code> The maximum number of items to display
									in the dropdown.</dd>
									<dt>min-length</dt>           <dd><code>@</code> The minimum input length to require before
									triggering autocomplete suggestions.</dd>
								</dl>
							</div>
						</section>
						<section class="tsd-hierarchy">
							<h3>Heirarchy</h3>
							<ul class="tsd-hierarchy">
								<li>
									<a href="wijmo_angular_input.wjcombobox.html" class="tsd-signature-type">WjComboBox</a>
									<ul class="tsd-hierarchy">
										<li>
											<span class="target">WjAutoComplete</span>
											<ul class="tsd-hierarchy">
												<li>
													<a href="wijmo_angular_input.wjmultiautocomplete.html" class="tsd-signature-type">WjMultiAutoComplete</a>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</section>
					</div>