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 が displayTime の終了後に自動的に非表示になるかどうかを取得または設定します。
デフォルト値は true です。
<igx-snackbar [autoHide] = "false"></igx-snackbar>let autoHide = this.snackbar.autoHide;表示された後、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;アクションが実行したときに発生されるイベント。
引数として IgxSnackbarComponent への参照を提供します。
<igx-snackbar (onAction) = "onAction($event)"></igx-snackbar>snackbar を非表示にします。
this.snackbar.hide();snackbar を表示し、autoHide が true に設定される場合に displayTime がかかった後に非表示にします。
this.snackbar.show();
Ignite UI for Angular Snackbar - ヘルプ
Ignite UI Snack Bar コンポーネントは一行のメッセージで操作のフィードバックを提供します。元に戻すなどの操作へのリンクを追加できます。
例:
<button (click)="snackbar.show()">Send message</button> <div> <igx-snackbar #snackbar message="Message sent"> </igx-snackbar> </div>