[Ignite UI for Angular 10.2 新機能] IgxExpansionPanelHeaderのonInteractionイベントがキャンセル可能になりました。

Ignite UI for Angular 10.2.4 バージョン時点での情報に基づいています。

IgxExpansionPanelHeaderのonInteractionイベントがキャンセル可能となり、展開を抑止することが可能になりました。

キャンセル方法は、イベントで渡されてくる引数IExpansionPanelCancelableEventArgsのcancelにtrueを設定してください。

<!-- app.component.html -->
<igx-expansion-panel>
  <igx-expansion-panel-header (onInteraction)="handleInteraction($event)">
    <!-- ...(中略)... -->
  </igx-expansion-panel-header>
</igx-expansion-panel>

// app.component.ts
handleInteraction(event: IExpansionPanelCancelableEventArgs){
  event.cancel = true;
}

　

サンプル

　

リファレンス

• IgxExpansionPanelHeaderのonInteractionイベント
  • https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/classes/igxexpansionpanelheadercomponent.html#oninteraction
• インターフェイス IExpansionPanelCancelableEventArgs
  • https://jp.infragistics.com/products/ignite-ui-angular/docs/typescript/latest/interfaces/iexpansionpanelcancelableeventargs.html