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;toast に表示されるメッセージを取得または設定します。
<igx-toast [message] = "Notification"></igx-toast>let toastMessage = this.toast.message; Toast が非表示にされたときにイベントを発生します。
イベント引数として IgxToastComponent への参照を提供します。
<igx-toast (onHidden) = "onHidden($event)"></igx-toast>Toast が非表示される前にイベントを発生します。
イベント引数として IgxToastComponent への参照を提供します。
<igx-toast (onHiding) = "onHiding($event)"></igx-toast>Toast が表示される前にイベントを発生します。
イベント引数として IgxToastComponent への参照を提供します。
<igx-toast (onShowing) = "onShowing($event)"></igx-toast>Toast が表示されたときにイベントを発生します。
イベント引数として IgxToastComponent への参照を提供します。
<igx-toast (onShown) = "onShown($event)"></igx-toast>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>toast を非表示にします。
this.toast.hide();position 値に基づいて toast のクラス名を取得または設定します。
let className = this.toast.mapPositionToClassName();toast を表示します。
autoHide が有効な場合、toast は displayTime 終了後に非表示になります。
this.toast.show();toast の表示状態を切り替えます。
this.toast.toggle();Returns a list of available CSS classes.
let toastClasses = this.toast.CSS_CLASSES;
Ignite UI for Angular Toast - ヘルプ
Ignite UI Toast は、ユーザーが閉じられない非対話型の情報や報告メッセージを表示できます。 Toast はページの下側、中央、または上側に表示できます。 例:
<button (click)="toast.show()">Show notification</button> <igx-toast #toast message="Notification displayed" displayTime="1000"> </igx-toast>