Emits an event after the toggle element is appended to the overlay container.

onAppended() {
 alert("Content appended!");
}

<div
  igxToggle
  (onAppended)='onToggleAppended()'>
</div>

Emits an event after the toggle container is closed.

onToggleClosed(event) {
 alert("Toggle closed!");
}

<div
  igxToggle
  (onClosed)='onToggleClosed($event)'>
</div>

Emits an event before the toggle container is closed.

onToggleClosing(event) {
 alert("Toggle closing!");
}

<div
 igxToggle
 (closing)='onToggleClosing($event)'>
</div>

Identifier which is registered into IgxNavigationService

let myToggleId = this.toggle.id;

Emits an event after the toggle container is opened.

onToggleOpened(event) {
   alert("Toggle opened!");
}

<div
  igxToggle
  (onOpened)='onToggleOpened($event)'>
</div>

Emits an event before the toggle container is opened.

onToggleOpening(event) {
 alert("Toggle opening!");
}

<div
  igxToggle
  (onOpening)='onToggleOpening($event)'>
</div>