الاستيراد
import { NuiToaster, NuiToasterRegion } from '@needless-ui/angular/toast';NuiToaster
الخدمة التي تعرض الإشعارات. احقنها في أي مكان.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
toastsدالة | Signal<readonly NuiToast[]> | كل الإشعارات المعروضة على الشاشة، الأحدث أولًا. | |
showدالة | (options: NuiToastOptions | string) => NuiToastRef | يعرض إشعارًا. مرّر عنوانًا، أو خيارات تتضمن وصفًا أو لونًا أو مدة أو إجراءً أو معرّفًا (id). | |
successدالة | (title, options?) => NuiToastRef | يعرض إشعار نجاح. | |
warningدالة | (title, options?) => NuiToastRef | يعرض إشعار تحذير. | |
dangerدالة | (title, options?) => NuiToastRef | يعرض إشعار خطر. يبقى 8 ثوانٍ، ويُعلَن عنه بإلحاح. | |
promiseدالة | (promise, messages) => Promise | يعرض إشعار تحميل إلى أن يُحسَم الوعد (promise)، ثم رسالة النجاح أو الخطر الخاصة به. | |
dismissدالة | (id?: string) => void | يُغلق إشعارًا واحدًا، أو كل الإشعارات. |
NuiToasterRegion
المنطقة التي تظهر فيها الإشعارات. ضعها مرة واحدة، في هيكل التطبيق.
| الاسم | النوع | القيمة الافتراضية | الوصف |
|---|---|---|---|
positionمُدخَل | 'top-start' | 'top-center' | 'top-end' | 'bottom-start' | 'bottom-center' | 'bottom-end' | 'bottom-end' | زاوية نافذة العرض أو حافتها. وتتبع البداية والنهاية اتجاه النص. |
expandedمُدخَل | boolean | false | يُبقي الكومة منفرجة. |
labelمُدخَل | string | 'Notifications (Alt+T)' | الاسم الذي تقرؤه التقنيات المساعدة للمنطقة. اذكر فيه طريقة الوصول إليها. |
closeLabelمُدخَل | string | 'Dismiss' | الاسم الذي تقرؤه التقنيات المساعدة لأزرار الإغلاق. |
hotkeyمُدخَل | string | 'KeyT' | المفتاح، بصيغة KeyboardEvent.code، الذي ينقل التركيز مع Alt إلى أحدث إشعار. |