DevExtreme Angular UI Notification Controls

DevExpressUI 通知控制項JavaScript

在 Angular 應用程式中顯示可自訂的 toast 通知。

  • 提供無需在頁面上預先建立的彈出通知。
  • 支援多種類型：info、warning、error、success 以及自訂。
  • 可輕鬆自訂內容、顯示時間與行為。
DevExpress logo

起價:

載入中...
包含在以下產品
DevExtreme Complete載入中
DevExpress DXperience載入中
DevExpress Universal載入中
DevExpress VCL Subscription +載入中
需要幫助選擇嗎？ 請查看 如何購買 和 規格
DevExtreme Angular UI Notification Controls 產品圖片
DevExtreme Angular UI 通知控制項提供了一種彈性的方式，讓您在 Angular 應用程式中顯示 toast 通知。它們可透過可自訂的訊息、通知類型與顯示時間，提供即時的使用者回饋，並以即時、非侵入式的彈出訊息來提升使用者互動。

動態通知顯示

透過傳入訊息、類型與顯示時間參數呼叫 notify 方法，即可按需顯示 toast 通知，而無需先在頁面上預先建立元件。

多種通知類型

可從預先定義的通知類型中選擇，例如 info、warning、error 和 success，以視覺化方式呈現訊息的性質，或定義自訂類型以打造量身訂做的外觀。

彈性的內容自訂

在 notify 呼叫中使用 options 物件，可微調訊息外觀與行為，包括文字、通知類型、顯示持續時間，以及是否在點擊時關閉。

可重複使用的 Toast 小工具

在頁面上建立可透過程式控制顯示的小工具，讓應用程式能重複使用並獲得更好的控制。

與 Angular 元件整合

這些通知控制項專為與 Angular 應用程式順暢整合而設計，可從按鈕等其他 UI 元素中呼叫，或與 Angular 生命週期與資料繫結互動。

非侵入式使用者回饋

通知會以不會阻擋使用者介面的彈出訊息形式出現，讓使用者在不中斷工作的情況下即時接收回饋。

產品相容性

請查看以下詳細資訊，以確保此產品在您的環境中受支援。

元件類型

  • JavaScript

JavaScript 平台

  • Angular