[Ignite UI for Angular 10.2 新機能] IgxToggle onOpening, onClosing イベントのキャンセル

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

IgxToggle の onOpening イベント、onClosing イベントの引数が ToggleViewCancelableEventArgs となり、各イベントをキャンセルできるようになりました。

<div igxToggle style="width: 200px; height: 200px"
  (onOpening)="onOpening($event)"
  (onClosing)="onClosing($event)">
  ...
</div>

onOpening(args: ToggleViewCancelableEventArgs): void {
  // IgxToggle 表示をキャンセルする
  // args.cancel = true;
}

onClosing(args: ToggleViewCancelableEventArgs): void {
  // IgxToggle 非表示をキャンセルする
  // args.cancel = true;
}

リファレンス

• onOpening イベント
• onClosing イベント