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>

アクセサー

メソッド