クラス IgxTextHighlightDirective

階層

  • IgxTextHighlightDirective

実装

  • AfterViewInit
  • AfterViewChecked
  • OnDestroy
  • OnChanges

コンストラクタ

constructor

プロパティ

activeCssClass

activeCssClass: string

アクティブな強調表示要素の CSS クラスを決定します。 開発者が強調表示をカスタマイズするためにカスタム CSS を提供できます。

<div
  igxTextHighlight
  [activeCssClass]="activeHighlightClass">
</div>

column

column: any

ディレクティブが現在存在する列の識別子。

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

cssClass

cssClass: string

強調表示要素の CSS クラスを決定します。 開発者が強調表示をカスタマイズするためにカスタム CSS を提供できます。

<div
  igxTextHighlight
  [cssClass]="myClass">
</div>

groupName

groupName: string = ""

一意のグループで強調表示を識別します。 別々のアクティブな強調表示を持つ複数の強調表示グループが可能になります。

<div
  igxTextHighlight
  [groupName]="myGroupName">
</div>

metadata

metadata: Map<string, any>

A map that contains all aditional 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 cetain condition
 const metadata = new Map<string, any>();
 metadata.set('highlightElement', false);
<div
  igxTextHighlight
  [metadata]="metadata">
</div>

renderer

renderer: Renderer2

row

row: any

ディレクティブが現在存在する行の識別子。

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

Static highlightGroupsMap

highlightGroupsMap: Map<string, IActiveHighlightInfo> = new Map<string, IActiveHighlightInfo>()

アクセサー

value

  • get value(): any
  • set value(value: any): void

メソッド

activateIfNecessary

  • activateIfNecessary(): void

clearHighlight

  • clearHighlight(): void

highlight

  • highlight(text: string, caseSensitive?: boolean, exactMatch?: boolean): number

observe

  • observe(): void

Static clearActiveHighlight

  • clearActiveHighlight(groupName: any): void

Static setActiveHighlight