Class IgxToggleDirective

Hierarchy

Implements

Properties

id

id: string

Identifier which is registered into IgxNavigationService

let myToggleId = this.toggle.id;

onClosed

onClosed: EventEmitter<Object> = new EventEmitter()

Emits an event after the toggle container is closed.

onToggleClosed(event) {
 alert("Toggle closed!");
}
<div
  igxToggle
  (onClosed)='onToggleClosed($event)'>
</div>

onClosing

onClosing: EventEmitter<CancelableEventArgs> = new EventEmitter<CancelableEventArgs>()

Emits an event before the toggle container is closed.

onToggleClosing(event) {
 alert("Toggle closing!");
}
<div
 igxToggle
 (onClosing)='onToggleClosing($event)'>
</div>

onOpened

onOpened: EventEmitter<Object> = new EventEmitter()

Emits an event after the toggle container is opened.

onToggleOpened(event) {
   alert("Toggle opened!");
}
<div
  igxToggle
  (onOpened)='onToggleOpened($event)'>
</div>

onOpening

onOpening: EventEmitter<CancelableEventArgs> = new EventEmitter<CancelableEventArgs>()

Emits an event before the toggle container is opened.

onToggleOpening(event) {
 alert("Toggle opening!");
}
<div
  igxToggle
  (onOpening)='onToggleOpening($event)'>
</div>

Methods

close

  • close(): void

open

reposition

  • reposition(): void

toggle