Class IgxTextHighlightDirective

実装

  • AfterViewInit
  • AfterViewChecked
  • OnDestroy
  • OnChanges

コンストラクター

プロパティ

activeCssClass: string

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

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

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

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

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

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

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

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

ハイライト表示された要素をアクティブにするためのすべての追加条件を含むマップ。 条件をアクティブにするには、 IActiveHighlightInfo インターフェイスの metadata プロパティに新しいメタデータ キーを追加する必要があります。

 // 特定の条件で特定の要素のハイライト表示を無効にするプロパティを設定します。
const metadata = new Map<string, any>();
metadata.set('highlightElement', false);
<div
igxTextHighlight
[metadata]="metadata">
</div>
row: any

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

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

アクセサー

メソッド