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

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

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

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

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

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

let myToggleId = this.toggle.id;

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

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

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

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

this.myToggle.overlayId;

get overlayId(): string

Defined in projects/igniteui-angular/directives/src/directives/toggle/toggle.directive.ts:303

Returns string

this.myToggle.close();

this.myToggle.open();

this.myToggle.reposition();

this.myToggle.toggle();