Class IgxTextHighlightDirective

Hierarchy

Hierarchy

  • IgxTextHighlightDirective

Implements

  • AfterViewInit
  • AfterViewChecked
  • OnDestroy
  • OnChanges

Constructors

Properties

activeCssClass: string

Determines the CSS class of the active highlight element. This allows the developer to provide custom CSS to customize the highlight.

<div
igxTextHighlight
[activeCssClass]="activeHighlightClass">
</div>
column: any

The identifier of the column on which the directive is currently on.

<div
igxTextHighlight
[column]="0">
</div>
cssClass: string

Determines the CSS class of the highlight elements. This allows the developer to provide custom CSS to customize the highlight.

<div
igxTextHighlight
[cssClass]="myClass">
</div>
groupName: string = ''

Identifies the highlight within a unique group. This allows it to have several different highlight groups, with each of them having their own active highlight.

<div
igxTextHighlight
[groupName]="myGroupName">
</div>
metadata: Map<string, any>

A map that contains all additional conditions, that you need to activate a highlighted element. To activate the condition, you will have to add a new metadata key to the metadata property of the IActiveHighlightInfo interface.

Example

 // Set a property, which would disable the highlight for a given element on a certain condition
const metadata = new Map<string, any>();
metadata.set('highlightElement', false);
<div
igxTextHighlight
[metadata]="metadata">
</div>
row: any

The identifier of the row on which the directive is currently on.

<div
igxTextHighlight
[row]="0">
</div>

Accessors

Methods