showToastMessage
showToastMessage
画面下部にトーストメッセージを表示します。
パラメータ
toastType(String): トーストのスタイル。'error'、'warning'、'success'、'notify'のいずれか。それ以外の値は既定(normal)スタイルで表示されます。message(String): 表示するテキスト内容duration(intまたはnull): 表示時間(ミリ秒)。nullの場合は既定値の2000ms(2秒)が適用されます。
戻り値: void
説明
画面下部中央に、アイコンとメッセージを含むトースト通知を表示します。toastTypeによってトーストの背景色が変わり、各タイプの意味は次のとおりです。
| toastType | 説明 |
|---|---|
'error' | エラー発生時(エラー色) |
'warning' | 注意が必要な状況(警告色) |
'success' | 処理成功時(成功色) |
'notify' | 一般的な通知(通知色) |
| それ以外 | 既定のスタイル(alertBackground色) |
durationはミリ秒単位で指定し、その時間が経過するとトーストは自動的に消えます。nullを渡すと2000msが適用されます。
Example
// 저장 성공 알림
$vm.showToastMessage("success", "저장되었습니다.", 2000);
// 입력값 오류 알림
$vm.showToastMessage("error", "필수 항목을 입력해주세요.", 3000);
// 경고 알림
$vm.showToastMessage("warning", "네트워크 상태가 불안정합니다.", 2000);
// 일반 알림 (기본 2초)
$vm.showToastMessage("notify", "데이터를 불러왔습니다.", null);
// 타입에 따라 동적으로 표시
const isSuccess = true;
$vm.showToastMessage(
isSuccess ? "success" : "error",
isSuccess ? "처리가 완료되었습니다." : "처리에 실패했습니다.",
2500
);
関連
$app.showLoadingIndicator— アプリ全体のレベルでローディングインジケーターを表示します。$form.showLoadingIndicator— 現在のフォームのレベルでローディングインジケーターを表示します。