New to Kendo UI for Angular? Start a free 30-day trial

FilterDirective

Implements an event handler for the filterChange event of a DropDowns component which performs simple data filtering.

@Component({
selector: 'my-app',
template: `
 <kendo-autocomplete
     [data]="data"
     kendoDropDownFilter
     placeholder="e.g. Andorra"
 >
 </kendo-autocomplete>
`
})
class AppComponent {
    public data: Array<string> = ["Albania", "Andorra", "Armenia", "Austria", "Azerbaijan"];
}

Selector

[kendoDropDownFilter]

Inputs

kendoDropDownFilter

DropDownFilterSettings | string

The configuration object which sets the behavior of the kendoDropDownFilter directive. If no DropDownFilterSettings object is provided to this input, the directive will use the default interface settings.

data

any[]

The initial data that will be used as a source array for the filtering operations.

In this article

Not finding the help you need?