Data binding

You can bind data from different types of data sources, such as an array of primitive data, JSON data collections, or remote data sources using adaptors such as OData, OData V4, URL, JSON, and Web API. Data binding uses our data manager to manage data, and also has customization options for data requests and processing.

• Data binding example
• Data binding documentation

Autofill search

The Angular AutoComplete component has an autofill search option that completes the word that the user types based on the suggestion text, allowing the user to search for items easily.

• Autofill example
• Autofill documentation

Forms support

Seamlessly supports HTML5 forms, Angular template-driven forms, and Angular reactive forms.

Mobile-friendly, responsive UI

Provides a responsive mode that displays an adaptive redesigned UI for mobile devices that recognizes touch gestures.

Web accessibility

• Fully supports WAI-ARIA accessibility standards that make the AutoComplete component accessible to screen readers and assistive devices.
• Follows WAI-ARIA best practices for implementing keyboard interaction.
• Designs the UI visual elements such as foreground color, background color, line spacing, text, and images based on the WCAG 2.0 standard.
• Supports right-to-left (RTL) text direction for users working with RTL languages like Hebrew, Arabic, or Persian.

Developer-friendly APIs

Developers can customize all UI elements and control their behaviors according to the end user’s requirements using the rich set of client-side APIs.

• AutoComplete API documentation

• html
• ts

<div class="control-section">
  <ejs-autocomplete id='atcelement'></ejs-autocomplete>
</div>

import { Component } from '@angular/core';

@Component({
    selector: 'app-root',
    // specifies the template string for the AutoComplete component
    template: `<ejs-autocomplete id='atcelement' [dataSource]='sportsData'></ejs-autocomplete>`
})
export class AppComponent {
    constructor() {
    }
    // defined the array of data
    public sportsData: string[] = ['Badminton', 'Basketball', 'Cricket', 'Football', 'Golf', 'Gymnastics', 'Hockey', 'Rugby', 'Snooker', 'Tennis'];
}