aria-live
属性を設定または取得します。
設定されない場合、aria-live
の値は "polite"
となります。
<igx-toast [ariaLive] = "'polite'"></igx-toast>
let toastAriaLive = this.toast.ariaLive;
toast が displayTime
の終了後に非表示になるかどうかを取得または設定します。
デフォルト値は true
です。
<igx-toast [autoHide] = "false"></igx-toast>
let autoHide = this.toast.autoHide;
表示された後、toast が表示される期間 (ミリ行) を取得または設定します。
デフォルト値は 4000
です。
<igx-toast [displayTime] = "2500"></igx-toast>
let displayTime = this.toast.displayTime;
toast の id
を取得または設定します。
設定されない場合、id
の値は "igx-toast-0"
になります。
<igx-toast id = "my-first-toast"></igx-toast>
let toastId = this.toast.id;
トグル要素がオーバーレイ コンテナに追加された後にイベントを発生します。
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
(onClosing)='onToggleClosing($event)'>
</div>
トグル コンテナが開かれた後、イベントを発行します。
onToggleOpened(event) {
alert("Toggle opened!");
}
<div
igxToggle
(onOpened)='onToggleOpened($event)'>
</div>
トグル コンテナが開いた前にイベントを発生します。
onToggleOpening(event) {
alert("Toggle opening!");
}
<div
igxToggle
(onOpening)='onToggleOpening($event)'>
</div>
トースト要素に使用されるコンテナを取得/設定します。
toast の位置を取得または設定します。
設定されない場合、position
属性の値は IgxToastPosition.Bottom
です。
<igx-toast [position]="top"></igx-toast>
let toastPosition = this.toast.position;
role
属性を取得または設定します。
設定されない場合、role
の値は "alert"
です。
<igx-toast [role] = "'notify'"></igx-toast>
let toastRole = this.toast.role;
toast の nativeElement を取得します。
let nativeElement = this.toast.element;
toast の表示状態を有効または無効にします。
設定されない場合、isVisible
の値は false
です。
<igx-toast [isVisible]="true"></igx-toast>
let isVisible = this.toast.isVisible;
双方向データ バインディング。
<igx-toast [(isVisible)]="model.isVisible"></igx-toast>
toast の表示状態を有効または無効にします。
設定されない場合、isVisible
の値は false
です。
<igx-toast [isVisible]="true"></igx-toast>
let isVisible = this.toast.isVisible;
双方向データ バインディング。
<igx-toast [(isVisible)]="model.isVisible"></igx-toast>
コンテンツが描画されるオーバーレイの ID を返します。
this.myToggle.overlayId;
toast を非表示にします。
this.toast.close();
toast を表示します。
autoHide
が有効な場合、toast は displayTime
終了後に非表示になります。
this.toast.open();
トグルの位置を変更します。
this.myToggle.reposition();
対応する軸に沿って指定した量のみコンテンツをオフセットします。
現在状態によってトグルを開くまたは閉じます。
this.myToggle.toggle();
Ignite UI for Angular Toast - ヘルプ
Ignite UI Toast は、ユーザーが閉じられない非対話型の情報や報告メッセージを表示できます。 Toast はページの下側、中央、または上側に表示できます。 例: