トグル要素がオーバーレイ コンテナーに追加された後にイベントを発生します。
onAppended() {
alert("Content appended!");
}
<div
igxToggle
(onAppended)='onToggleAppended()'>
</div>
トグル コンテナーが閉じた後にイベントを発生します。
onToggleClosed(event) {
alert("Toggle closed!");
}
<div
igxToggle
(onClosed)='onToggleClosed($event)'>
</div>
トグル コンテナーが閉じた前にイベントを発生します。
onToggleClosing(event) {
alert("Toggle closing!");
}
<div
igxToggle
(closing)='onToggleClosing($event)'>
</div>
IgxNavigationService
に登録される識別子。
let myToggleId = this.toggle.id;
トグル コンテナーが開いた後にイベントを発生します。
onToggleOpened(event) {
alert("Toggle opened!");
}
<div
igxToggle
(onOpened)='onToggleOpened($event)'>
</div>
トグル コンテナーが開いた前にイベントを発生します。
onToggleOpening(event) {
alert("Toggle opening!");
}
<div
igxToggle
(onOpening)='onToggleOpening($event)'>
</div>
コンテンツが描画されるオーバーレイの ID を返します。
this.myToggle.overlayId;
トグルを開きます。
this.myToggle.open();
現在の状態によってトグルを開くまたは閉じます。
this.myToggle.toggle();
Common interface for Components with show and collapse functionality