Skip to main content
Version: 11.14.0

Operator

The OperatorPipe transforms filter operators into their HTML entity representations for display in the UI. It handles various comparison operators and special cases like 'between' and 'and'.

API

transform(filter?: LegacyFilter): string
ParameterTypeDescription
filterLegacyFilterOptional. The filter object containing an operator and value

Returns

string - A string representation of the operator with the filter value.

Operator Transformations

OperatorHTML EntityDisplay
lt&lt;<
lte&le;
eq==
neq&ne;
gte&ge;
gt&gt;>
betweenSpecial case> start ≤ end
andSpecial caseUses display or value

Usage

import { OperatorPipe } from '@sinequa/atomic-angular';

@Component({
selector: 'app-filter-display',
imports: [OperatorPipe],
template: `
<span [innerHTML]="filter | operator"></span>
`
})
export class FilterDisplayComponent {
filter = {
operator: 'gte',
value: '100'
};

// Will display as "≥ 100"

betweenFilter = {
operator: 'between',
start: '10',
end: '20'
};

// Will display as "> 10 ≤ 20"
}

Notes

The output of this pipe contains HTML entities, so it should be used with the [innerHTML] binding in Angular templates to render properly.