クラス IgxSnackbarComponent

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>

階層

  • IgxSnackbarComponent

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

Optional actionText

actionText: string

actionText 属性を取得または設定します。

<igx-snackbar [actionText] = "'Action Text'"></igx-snackbar>

animationDone

animationDone: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>()

snackbar のアニメーションが完了するときに発生されるイベント。 引数として AnimationEvent インターフェイスへの参照を提供します。

<igx-snackbar (animationDone) = "animationDone($event)"></igx-snackbar>

animationStarted

animationStarted: EventEmitter<AnimationEvent> = new EventEmitter<AnimationEvent>()

snackbar のアニメーションが開始するときに発生されるイベント。 引数として AnimationEvent インターフェイスへの参照を提供します。

<igx-snackbar (animationStarted) = "animationStarted($event)"></igx-snackbar>

autoHide

autoHide: boolean = true

snackbar が displayTime の終了後に自動的に非表示になるかどうかを取得または設定します。 デフォルト値は true です。

<igx-snackbar [autoHide] = "false"></igx-snackbar>
let autoHide =  this.snackbar.autoHide;

displayTime

displayTime: number = 4000

表示された後、snackbar が表示される期間 (ミリ行) を取得または設定します。 デフォルト値は 4000 です。

<igx-snackbar [displayTime] = "2000"></igx-snackbar>
let displayTime = this.snackbar.displayTime;

id

id: string = `igx-snackbar-${NEXT_ID++}`

snackbar の id を取得または設定します。 設定しない場合、最初の snackbar コンポーネントの id"igx-snackbar-0" になります。

<igx-snackbar id = "Snackbar1"></igx-snackbar>
let snackbarId = this.snackbar.id;
@次のメンバー:

IgxSnackbarComponent

isVisible

isVisible: boolean = false

snackbar の表示状態を有効または無効にします。 設定されない場合、isVisible 属性の値は false です。

<igx-snackbar [isVisible] = "true"></igx-snackbar>
let isVisible =  this.snackbar.isVisible;

onAction

onAction: EventEmitter<IgxSnackbarComponent> = new EventEmitter<IgxSnackbarComponent>()

アクションが実行したときに発生されるイベント。 引数として IgxSnackbarComponent への参照を提供します。

<igx-snackbar (onAction) = "onAction($event)"></igx-snackbar>

アクセサー

message

  • get message(): string
  • set message(value: string): void

メソッド

hide

  • hide(): void

show

  • show(message?: string): void