FilterOperatorTemplateDirective

Updated on May 12, 2026

Replaces the default operator DropDownList in the Filter component with a custom template. Apply it to an ng-template inside a kendo-filter-field element.

The template context provides the following field:

• let-filter—The filter descriptor for the current row. Set its operator property when the user selects a new operator.

html

<kendo-filter>
  <kendo-filter-field field="name" editor="string">
    <ng-template kendoFilterOperatorTemplate let-filter>
      <kendo-combobox
          [data]="customOperators"
          textField="text"
          valueField="value"
          [valuePrimitive]="true"
          [value]="filter.operator"
          (valueChange)="filter.operator = $event">
      </kendo-combobox>
    </ng-template>
  </kendo-filter-field>
</kendo-filter>

Selector

[kendoFilterOperatorTemplate]