constructor

• new IgxTextHighlightDirective(element, service, renderer): IgxTextHighlightDirective

• パラメーター

  • element: ElementRef<any>

  • service: IgxTextHighlightService

  • renderer: Renderer2

  返却 IgxTextHighlightDirective

activeCssClass

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

column

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

cssClass

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

groupName

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

metadata

 // 特定の条件で特定の要素の強調表示を無効にするプロパティを設定します。
 const metadata = new Map<string, any>();
 metadata.set('highlightElement', false);
Copy

<div
  igxTextHighlight
  [metadata]="metadata">
</div>
Copy

row

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

value

• get value(): any

• 強調表示する要素の基本値です。

  // get
  const elementValue = this.textHighlight.value;
  Copy

  <!--set-->
  <div
    igxTextHighlight
    [value]="newValue">
  </div>
  Copy

  返却 any

• set value(value): void

• パラメーター

  • value: any

  返却 void

activateIfNecessary

• activateIfNecessary(): void

• 現在アクティブな行および列にある場合、強調表示をアクティブ化します。

  返却 void

clearHighlight

• clearHighlight(): void

• 既存の強調表示をクリアします。

  返却 void

highlight

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

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

  パラメーター

  • text: string

  • caseSensitive: boolean

  • exactMatch: boolean

  返却 number

observe

• observe(): void

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

  返却 void