actionText
属性を取得または設定します。
<igx-snackbar [actionText] = "'Action Text'"></igx-snackbar>
snackbar のアニメーションが完了するときに発生されるイベント。
引数として AnimationEvent
インターフェイスへの参照を提供します。
<igx-snackbar (animationDone) = "animationDone($event)"></igx-snackbar>
snackbar のアニメーションが開始するときに発生されるイベント。
引数として AnimationEvent
インターフェイスへの参照を提供します。
<igx-snackbar (animationStarted) = "animationStarted($event)"></igx-snackbar>
Snackbar メッセージ コンテナーの aria-live
属性を設定または取得します。
設定しない場合、aria-live
は polite
になります。
<igx-snackbar [ariaLive]="'polite'"></igx-snackbar>
let snackbarAriaLive = this.snackbar.ariaLive;
snackbar が displayTime
の終了後に自動的に非表示になるかどうかを取得または設定します。
デフォルト値は true
です。
<igx-snackbar [autoHide] = "false"></igx-snackbar>
let autoHide = this.snackbar.autoHide;
アクション ボタンがクリックされたときに発行されるイベント。
引数として IgxSnackbarComponent
への参照を提供します。
<igx-snackbar (clicked)="clickedHandler($event)"></igx-snackbar>
表示された後、snackbar が表示される期間 (ミリ行) を取得または設定します。 デフォルト値は 4000 です。
<igx-snackbar [displayTime] = "2000"></igx-snackbar>
let displayTime = this.snackbar.displayTime;
snackbar の id
を取得または設定します。
設定しない場合、最初の snackbar コンポーネントの id
は "igx-snackbar-0"
になります。
<igx-snackbar id = "Snackbar1"></igx-snackbar>
let snackbarId = this.snackbar.id;
snackbar の表示状態を有効または無効にします。
設定されない場合、isVisible
属性の値は false
です。
<igx-snackbar [isVisible] = "true"></igx-snackbar>
let isVisible = this.snackbar.isVisible;
message
属性を取得または設定します。
<igx-snackbar [message] = "'Snackbar Component'"></igx-snackbar>
let message = this.snackbar.message;
message
属性を取得または設定します。
<igx-snackbar [message] = "'Snackbar Component'"></igx-snackbar>
let message = this.snackbar.message;
snackbar を非表示にします。
this.snackbar.close();
snackbar を表示し、autoHide
が true
に設定される場合に displayTime
がかかった後に非表示にします。
this.snackbar.open();
Ignite UI for Angular Snackbar - ヘルプ
Ignite UI Snack Bar コンポーネントは一行のメッセージで操作のフィードバックを提供します。元に戻すなどの操作へのリンクを追加できます。 例: