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

EqualFilterOperatorComponent

Component

Represents the Equal (Is equal to) filter operator. See example. Use this operator to filter values that are equal to the specified value. For more information and examples, see the article on setting default filter operators.

Definition

Package:@progress/kendo-angular-grid

Selector:kendo-filter-eq-operator

Syntax:

html
<kendo-grid-column field="ProductName" title="Product Name">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-string-filter-cell
      [column]="column"
      [filter]="filter">
      <kendo-filter-eq-operator></kendo-filter-eq-operator>
    </kendo-grid-string-filter-cell>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="UnitPrice" title="Price">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-numeric-filter-cell
      [column]="column"
      [filter]="filter">
      <kendo-filter-eq-operator></kendo-filter-eq-operator>
    </kendo-grid-numeric-filter-cell>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="FirstOrderedOn">
  <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
    <kendo-grid-date-filter-cell
      [column]="column"
      [filter]="filter">
      <kendo-filter-eq-operator></kendo-filter-eq-operator>
     </kendo-grid-date-filter-cell>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="ProductName" title="Product Name">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-string-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
      <kendo-filter-eq-operator></kendo-filter-eq-operator>
    </kendo-grid-string-filter-menu>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="UnitPrice" title="Price">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-numeric-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
      <kendo-filter-eq-operator></kendo-filter-eq-operator>
    </kendo-grid-numeric-filter-menu>
  </ng-template>
</kendo-grid-column>
html
<kendo-grid-column field="FirstOrderedOn">
  <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
    <kendo-grid-date-filter-menu
      [column]="column"
      [filter]="filter"
      [filterService]="filterService">
      <kendo-filter-eq-operator></kendo-filter-eq-operator>
     </kendo-grid-date-filter-menu>
  </ng-template>
</kendo-grid-column>

Fields

text

string

The text that will be displayed in the drop-down list.