مكوّن Modal لـ Angular | ng-hub-ui-modal
مكوّن modal لـ Angular يمكن الوصول إليه مع التكديس ووضع ملء الشاشة والقوالب ومعالجة لوحة المفاتيح ومتغيرات CSS لتطبيقات standalone.
نظرة عامة
لماذا تبحث الفِرَق عن هذه المكتبة
بُني مكوّن modal هذا لـ Angular للفرق التي تحتاج إلى حوارات يمكن الوصول إليها ومحتوى قابل للتركيب وتحكّم مدفوع بالخدمات وتنسيق ملائم لأنظمة التصميم في تطبيقات Angular المستقلة standalone.
التثبيت
npm install ng-hub-ui-modalانتقل إلى
مثالي لـ
- حوارات التأكيد
- النماذج في الطبقات العلوية
- لوحات التفاصيل
- تدفقات العمل المكدّسة
حول modal
يحل ng-hub-ui-modal واحدة من أكثر احتياجات الواجهة شيوعًا في منتجات Angular: فتح حوارات تبدو متينة في الإنتاج. يغطّي الحوارات المكدّسة وتدفقات ملء الشاشة ومعالجة لوحة المفاتيح والإسقاطات والاستخدام القائم على الخدمات دون تحويل منطق modal إلى مشكلة في كل مشروع.
أدلّة الميزات
فتح الـ modals (أنواع المحتوى)
يوضّح فتح الـ modals بمحتوى من نوع TemplateRef أو Component أو String.
الإعداد والخيارات
خصّص مظهر الـ modal وسلوكه
مرجع الـ modal (HubModalRef)
تحكّم في حالة الـ modals المفتوحة وادخل إليها
الـ modal النشط (HubActiveModal)
تفاعل مع الـ modal من داخل محتواه
إدارة المكدّس
إدارة عدة modals مكدّسة
الميزات الرئيسية
التغييرات الأخيرة
Version 21.0.2 - 3/31/26, 12:00 AM
changed: Standardized padding variables and improved fullscreen layout responsiveness.
Version 21.0.1 - 3/19/26, 12:00 AM
changed: Removed hardcoded design system token defaults from stylesheet; all --hub-modal-* variables retain literal fallback values.
fixed: Fixed modal-backdrop and modal unit test reliability.
Version 21.0.0 - 3/10/26, 12:00 AM
added: HubModalPlacement configuration for anchored modal positioning.
changed: BREAKING: Standardized CSS class names to hub-modal BEM convention.
Version 1.2.0 - 1/7/25, 12:00 AM
added: Documentation and examples update