Filterable with data source from angularjs

[Bertha]

I want kendo drop down list to be filterable by user typing but the data source is from my angularjs.  I could only find example with server filtering.  I tried to add filterable="true" but not sure what else need to add.  Thanks.

<select id="fac" kendo-drop-down-list style="width: 260px" filterable="true"
k-option-label="' Choose Region or Home '"
k-data-text-field="'FacilityName'"
k-data-value-field="'FacCode'"
k-data-source="facilityList"
k-on-change="facilityChange(kendoEvent)"
data-ng-model="selectedfacility"></select>

[Dimitar]

Hello Bertha,

By default the Kendo UI DataSource filters data on the client. For the DropDownList widget, filtration is turned off by default - to enable it, simply specify the filtering method ("startswith", "contains" or "endswith") in the DropDownList filter option:

<select kendo-drop-down-list
  k-data-text-field="'ProductName'"
  k-data-value-field="'ProductID'"
  k-data-source="productsDataSource"
  k-option-label="' Choose a Product... '"
  k-filter="'contains'"
  style="width: 100%">
</select>

Checkout the following Dojo example, where the above is demonstrated in action. 

In case you would like to perform filtering on the serverSide, the DataSource's serverFiltering option has to be set to true. This will force filtering to be performed on the server side.

Regards,
Dimitar
Progress Telerik

[Bertha]

Fantastic!  Very easy to use.