クラス 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

Index

コンストラクタ

プロパティ

アクセサー

メソッド

コンストラクタ

constructor

プロパティ

Optional actionText

actionText: string

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

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

animationDone

animationDone: EventEmitter<AnimationEvent> = ...

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

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

animationStarted

animationStarted: EventEmitter<AnimationEvent> = ...

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

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

ariaLive

ariaLive: string = 'polite'

Snackbar メッセージ コンテナーの aria-live 属性を設定または取得します。 設定しない場合、aria-livepolite になります。

<igx-snackbar [ariaLive]="'polite'"></igx-snackbar>
let snackbarAriaLive = this.snackbar.ariaLive;
@次のメンバー:

IgxSnackbarComponent

autoHide

autoHide: boolean = true

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

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

clicked

clicked: EventEmitter<IgxSnackbarComponent> = ...

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

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

displayTime

displayTime: number = 4000

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

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

id

id: string = ...

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;

アクセサー

message

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

メソッド

close

  • close(): void

open

  • open(message?: string): void