[Ignite UI for Angular 10.2 新機能] igxExpansionPanelのイベント変数からパネル自身を参照する

igxExpansionPanelでイベント引数に使用されるIExpansionPanelEventArgsインターフェイスのpanelプロパティはバージョン10.2.0にて非推奨(deprecated)となりました。
イベント内でパネル自身を参照する場合は、代わりにownerプロパティを使用してください。

以下は、igxExpansionPanelのonExpandedイベントで引数から自身のヘッダー要素にアクセスし、背景色を変更するサンプルコードです。

<igx-expansion-panel (onExpanded)="handleExpanded($event)" ... >
.....
</igx-expansion-panel>

  handleExpanded(event: IExpansionPanelEventArgs)
  {
    event.owner.header.elementRef.nativeElement.style.backgroundColor = "red";
  }

リファレンス

• 「インターフェイス IExpansionPanelEventArgs – ownerプロパティ」
  • https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/interfaces/iexpansionpaneleventargs.html#owner