クラス 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>

page

page: number

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
  • 既存の強調表示をクリアし、検索したテキストを強調表示します。 要素に検索したテキストが何回含まれるかを返します。

    パラメーター

    • text: string
    • オプション caseSensitive: boolean
    • オプション exactMatch: boolean

    返却 number

observe

  • observe(): void
  • MutationObserver を parentElement にアタッチし、コンテナ要素が DOM から削除して再追加されることを通知します。 複数のオブザーバーの使用はパフォーマンスを減らすため、必要に応じて使用します。

    返却 void

Static clearActiveHighlight

  • clearActiveHighlight(groupName: any): void

Static setActiveHighlight